DirectoryStructure
An uxiverse.com typeA Directory Structure or folder structure is a Container UI Element that shows an editable hierarchy of files and folders. Users often use it to categorize content, and create sub-folders. It's helpful to combine this with a quick navigation for frequently or recently visited items, since these structures can be deep. If it's displayed vertically, Users might expect drag and drop to work.
| 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 |