Tabs
An uxiverse.com typeTabs are Container UI Elements shown as a group on the same page. Only one tab is fully visible at a time, the other tabs' content can be seen by clicking another element in the tab bar which controls the group.
| Property | Expected Type | Description |
|---|---|---|
| activeTabIndex | https://schema.org/Number | The technical position of the tab that the user has selected |
| isDense | A hierarchy flag to indicate if a Container UI Element should display its content with less space between elements, or smaller elements, smaller fonts sizes etc. This can be useful on different screen sizes, or when a mouse is available for more precise pointing. Power users often prefer a denser UI with less guidance. Lesser used control elements can be grouped like this as well, while keeping them on screen. | |
| menu | UIElement | Menu is a property of a Container UI Element that tells the user that this part of the container is used as a way to control the rest of the container. |
| orderedSlots | Element | ordered slots of containers are places where UI elements can go in a particular order |
| settings | UIElement | Settings is a property of a Container UI Element that affect not only this container, but apply to similar parts of the application elsewhere. |
| unorderedSlots | Element | unordered slots of containers are places where UI elements can go without a particular order |
| ariaLabel | https://schema.org/Text | An ARIA label is an accessibility feature that helps visually impaired users understand and use a UI control. Blind users use screen readers to navigate User Interfaces, so concise, readable text helps users navigate the application. |
| background | UIElement | Content of the background of the element |
| bold | https://schema.org/Text | Bold text is used to add significance to a text element |
| color | The color used to express a meaningful relation in the content |