Any UI tab standard?

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.

1 Like

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 (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, which might be a starting point to get the tabs to look “right”…

(There are also docs for tabs with overflow there, which might fit your use-case)

2 Likes

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

1 Like