# Using dash - create component

**URL:** https://community.plotly.com/t/using-dash-create-component/39236
**Category:** Dash Python
**Created:** [May 11, 2020, 3:02pm UTC](https://community.plotly.com/t/using-dash-create-component/39236 "2020-05-11T15:02:50Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![avivazran](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@avivazran](https://community.plotly.com/u/avivazran)
#### Post date: [May 11, 2020, 3:02pm UTC](https://community.plotly.com/t/using-dash-create-component/39236/1 "2020-05-11T15:02:50Z")

</div>

I’m trying to follow the guide for creating my own components by trying to convert the react components here:  
[https://github.com/MrFoxPro/react-flight-indicators](https://github.com/MrFoxPro/react-flight-indicators)  
into a dash component.

I can’t understand how to do it for this specific example.  
how can I do it? is there an alternative way to create such components to use within a dash app?

---

<div class="post-metadata">

### Author: ![Emil](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/emil/32/31734_2.png) [@Emil](https://community.plotly.com/u/Emil)
#### Post date: [May 11, 2020, 7:06pm UTC](https://community.plotly.com/t/using-dash-create-component/39236/2 "2020-05-11T19:06:09Z")

</div>

Having a short look at the source code, I guess you could recreate the component in Dash directly, if you really want to (it’s mostly standard HTML elements). However, I think that your initial approach, porting the React component itself, would probably be easier.

---

<div class="post-metadata">

### Author: ![avivazran](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@avivazran](https://community.plotly.com/u/avivazran)
#### Post date: [May 12, 2020, 10:42am UTC](https://community.plotly.com/t/using-dash-create-component/39236/3 "2020-05-12T10:42:38Z")

</div>

still, I failed to do so using the provided guide.  
Can you elaborate on the process?
