# How-To: Using React.js with HOOPS Communicator

**URL:** <https://forum.techsoft3d.com/t/how-to-using-react-js-with-hoops-communicator/1327>\
**Category:** HOOPS Visualize Web\
**Tags:** code, webviewer, knowledge-base, how-to\
**Created:** [December 1, 2021, 5:00am UTC](https://forum.techsoft3d.com/t/how-to-using-react-js-with-hoops-communicator/1327 "2021-12-01T05:00:00Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![piyali.tayade](https://avatars.discourse-cdn.com/v4/letter/p/a5b964/32.png) [@piyali.tayade](https://forum.techsoft3d.com/u/piyali.tayade)\
**Post date:** [September 5, 2023, 5:12am UTC](https://forum.techsoft3d.com/t/how-to-using-react-js-with-hoops-communicator/1327/4 "2023-09-05T05:12:49Z")

</div>

Any idea how textbox markup can be added to model in react.js? Below is the link which adds textbox in javascript

> [@New TextBox Markup released](https://forum.techsoft3d.com/t/new-textbox-markup-released/1276/1):
>
> This set of classes implement an easy to use and customizable markup type for adding text notes with a leader line to a model in HOOPS Communicator. Complete source code, demos and documentation is available on GitHub: Below is a quick run-down of the main features TextBox that automatically fits to the text with leader line pointing to the model: [1] Easy to add toolbars and other customizations: [2] Textbox can be set to rotate with the camera or stay static: [3] Optionally setting …

How can we add textbox markup as external library?

---

_[View the full topic](https://forum.techsoft3d.com/t/how-to-using-react-js-with-hoops-communicator/1327)._