> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/embryo/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/embryo/embryo-angular/custom-widgets.md).

# Custom Widgets

There are some sections that are repeated in the whole app. We create widgets component and call that widget where it required.

#### You can create your own widget by following way.

1. Create a component then declare and export component in module file like this :

```
declarations: [MapComponent],
exports: [MapComponent]
```

2\. Use the selector of custom widgets component in another component like this :

```
<embryo-Map></embryo-Map>
```

For Reference : <https://www.oodlestechnologies.com/blogs/How-to-share-component-to-multiple-modules-in-Angular2>