List
A List is a Container UI Element which shows its content in either a vertical or horizontal order. The order doesn't have to be important, but if it is, consider sorting or filtering controls. Compare with Grids and Tables if your content can grow horizontally and vertically.
Property | Expected Type | Description |
---|---|---|
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 | |
font | https://schema.org/Text | The font used to express a meaningful relation in the content |