# Custom navigation bar using React

**URL:** <https://community.tago.io/t/custom-navigation-bar-using-react/1711>\
**Category:** Dashboards\
**Created:** [February 23, 2025, 12:33am UTC](https://community.tago.io/t/custom-navigation-bar-using-react/1711 "2025-02-23T00:33:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![yonathanghilom](https://avatars.discourse-cdn.com/v4/letter/y/a3d4f5/32.png) [@yonathanghilom](https://community.tago.io/u/yonathanghilom)\
**Post date:** [February 23, 2025, 12:33am UTC](https://community.tago.io/t/custom-navigation-bar-using-react/1711/1 "2025-02-23T00:33:44Z")

</div>

I am wondering if it’s possible to create a custom navigation bar using React within the TagoIO platform. Has anyone tried embedding a React-based navigation component into a TagoIO dashboard using custom widgets? If so, could you share some guidance on how to proceed with this? I’d appreciate any examples or steps to make this work.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![gustavo.aguiar](https://yyz2.discourse-cdn.com/flex034/user_avatar/community.tago.io/gustavo.aguiar/32/1626_2.png) [@gustavo.aguiar](https://community.tago.io/u/gustavo.aguiar)\
**Post date:** [February 25, 2025, 6:31pm UTC](https://community.tago.io/t/custom-navigation-bar-using-react/1711/2 "2025-02-25T18:31:09Z")

</div>

Hi zsu[@user:10096043324]zsu  
We have a tutorial in the community on using the [ECharts Custom Widget](https://help.tago.io/portal/en/kb/articles/custom-widget-tutorial-in-progress) with React. The documentation includes a link to the open GitHub repository. While it’s not a navigation component as you mentioned, it is a React-based project. Hope this helps starting you project!
