# UI tabs documentation

**URL:** <https://discourse.nodered.org/t/ui-tabs-documentation/2396>\
**Category:** General\
**Created:** [18 August 2018 22:21 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396 "2018-08-18T22:21:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![CatalinFetoiu](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@CatalinFetoiu](https://discourse.nodered.org/u/CatalinFetoiu)\
**Post date:** [18 August 2018 22:21 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396/1 "2018-08-18T22:21:57Z")

</div>

Hello,

Is there documentation for how to use tabs for a node UI? I tried to follow the mqtt node code and found a call to RED.tabs.create but I could not make it work. Does it require some special naming of the id for a tab div (like the one used for node defaults where the format node-input- is needed)?

Thank you!

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [18 August 2018 23:02 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396/2 "2018-08-18T23:02:24Z")

</div>

Hi - sorry, no there is not any documentation for the RED.tabs api. The best I can say is it's used in quite a few places within the editor and they all serve as examples of its usage.

There is no particular naming requirement for the id.

---

<div class="post-metadata">

**Author:** ![CatalinFetoiu](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@CatalinFetoiu](https://discourse.nodered.org/u/CatalinFetoiu)\
**Post date:** [18 August 2018 23:17 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396/3 "2018-08-18T23:17:38Z")

</div>

Thank you, I will try to follow the core nodes examples more closely.

But as an aside question, which are the main UI wrappers available? For example I saw that there also exists RED.editor, used in the function node.

Thank you!

dum., 19 aug. 2018, 02:12 Nick O'Leary [nodered@discoursemail.com](mailto:nodered@discoursemail.com) a scris:

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [18 August 2018 23:21 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396/4 "2018-08-18T23:21:25Z")

</div>

> [@CatalinFetoiu](#):
>
> But as an aside question, which are the main UI wrappers available

The common ui components are here: [https://github.com/node-red/node-red/tree/master/editor/js/ui/common](https://github.com/node-red/node-red/tree/master/editor/js/ui/common)

Currently only TypedInput and EditableList are documented: [Editor APIs : Node-RED](https://nodered.org/docs/api/ui/)

---

<div class="post-metadata">

**Author:** ![CatalinFetoiu](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@CatalinFetoiu](https://discourse.nodered.org/u/CatalinFetoiu)\
**Post date:** [19 August 2018 07:26 UTC](https://discourse.nodered.org/t/ui-tabs-documentation/2396/5 "2018-08-19T07:26:45Z")

</div>

Thank you!

Catalin

dum., 19 aug. 2018, 02:31 Nick O'Leary [nodered@discoursemail.com](mailto:nodered@discoursemail.com) a scris: