# Any UI tab standard?

**URL:** <https://forums.creativeclouddeveloper.com/t/any-ui-tab-standard/1315>\
**Category:** UXP Plugin API\
**Created:** [October 12, 2019, 2:39pm UTC](https://forums.creativeclouddeveloper.com/t/any-ui-tab-standard/1315 "2019-10-12T14:39:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![cpryland](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/cpryland/32/1172_2.png) [@cpryland](https://forums.creativeclouddeveloper.com/u/cpryland)\
**Post date:** [October 12, 2019, 2:39pm UTC](https://forums.creativeclouddeveloper.com/t/any-ui-tab-standard/1315/1 "2019-10-12T14:39:26Z")

</div>

Is there any published standard for tab look & feel in XD panels?

In particular, where there might be a dozen or more tabs, so the tab header will clearly need to wrap.

---

<div class="post-metadata">

**Author:** ![pklaschka](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/pklaschka/32/3162_2.png) [@pklaschka](https://forums.creativeclouddeveloper.com/u/pklaschka)\
**Post date:** [October 12, 2019, 3:39pm UTC](https://forums.creativeclouddeveloper.com/t/any-ui-tab-standard/1315/2 "2019-10-12T15:39:47Z")

</div>

While I’m not aware of any XD-specific standards, all components appear to be based on Adobe’s “Spectrum” Design System. At [https://opensource.adobe.com/spectrum-css/2.14.0/docs/tabs.html](https://opensource.adobe.com/spectrum-css/2.14.0/docs/tabs.html) (docs for the CSS framework implementation of “Spectrum”, `spectrum-css`), there are examples of tabs which might be as close to a standard as you’ll get…

You can also find their source at [https://github.com/adobe/spectrum-css/tree/master/components/tabs](https://github.com/adobe/spectrum-css/tree/master/components/tabs), which might be a starting point to get the tabs to look “right”…

(There are also docs for [tabs with overflow](https://opensource.adobe.com/spectrum-css/2.14.0/docs/tabs.html#basictabswithoverflow) there, which might fit your use-case)

---

<div class="post-metadata">

**Author:** ![cpryland](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/cpryland/32/1172_2.png) [@cpryland](https://forums.creativeclouddeveloper.com/u/cpryland)\
**Post date:** [October 12, 2019, 8:15pm UTC](https://forums.creativeclouddeveloper.com/t/any-ui-tab-standard/1315/3 "2019-10-12T20:15:03Z")

</div>

Thanks, that’s helpful. Should have thought of that…