> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/gene/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/gene/components/ui-component.md).

# UI Component

There are following method to add any UI component in your app. Here we only taking the example of button component.

#### Adding Buttons in your project

There following steps to add Buttons

* First of all, you have to edit in **app.module**file ,which is located in **your-project-name\src\app** folder.
* Import following files in **app.module** file

  ```
  import { ButtonsComponent }   from './components/buttons/buttons.component';
  ```
*  Now open **app-routing.module.ts** file and import this file.

  ```
  import { ButtonsComponent }   from './components/buttons/buttons.component';
  ```

  After this,add following in routes

  ```
  { path: 'components/buttons', component: ButtonsComponent }
  ```