Container
A Container UI Element can hold other UI elements, and as such is a general class. Most of the time you'd want a more specialized container such as list, grid or table.
Property | Expected Type | Description |
---|---|---|
slot | UIElement | A slot is a space on a container for sub-elements |
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 |