> For the complete documentation index, see [llms.txt](https://legendbae.gitbook.io/legendbae-connect-to-people/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legendbae.gitbook.io/legendbae-connect-to-people/guide.md).

# Guide

Make it your own components

**Start Building Your App**

This App guides you throughout building your app, providing the steps and procedure to customize.\
\
**Contents discussed in this section:**

* How to add new Component?
* How to add new Stylesheet?

#### How to add new Component <a href="#how-to-add-new-component" id="how-to-add-new-component"></a>

* Create a new folder, say `NewComponent` and place it under `/src/screens/`.
* Create a new file `index.js` , within this folder.
* Name the class same as that of folder name.

```
class NewComponent extends Component {
    . . .
    . . .
}
```

#### How to add new Stylesheet <a href="#how-to-add-new-stylesheet" id="how-to-add-new-stylesheet"></a>

Create a new file `styles.js` , place it under `/src/screens/NewComponent/`.

`import` newly created StyleSheet into the Component.

```
import styles from './styles';
class NewComponent extends Component {
    . . .
    . . .
}
```