Overview
Value List provides a list of operational items, offering a view relevant to the interface. Value List enables sorting of its child elements, Value List Items, with the drag
property.
Value List Items can also be removed with the child's removable
property.
Usage
- Display operational items in a configuration
- Enable reordering of operational items
- Enable configuration of operational items
Sample
Accessibility
Keyboard navigation
Key | Function |
---|---|
Arrow down | Moves focus and selection to previous value-list-item . If the current focus and selection is the first value-list-item , focus and selection will cycle to the end. |
Arrow up | Moves focus and selection to next item. If the current focus and selection is the last value-list-item , focus and selection will cycle to the beginning. |
Tab | Moves focus in and out of component. |
Tab and Shift | Moves focus in and out of component. |
When using the component with drag-enabled
, additional keyboard functionality is available.
Key | Function |
---|---|
Space | While focused on the drag handle, enter or exit the drag mode |
Arrow down | While in the drag mode, move the current item up in the list order |
Arrow up | While in the drag mode, move the current item down in the list order |