The SortableList component helps to reorder the sequence of items, e.g. steps, variables and environments and projects. It is used in the interface to help users manually sort a list of items.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| type Variant | listItem | indicator | listItem |
| state Variant | rest | hover | active | rest |
| hasDismissButton Boolean | true | false | true |
| ✏️ description Text | string |
|
Sorting in a dialog
The sortable list is shown in a dialog after being triggered by a call-to-action button.
Options
- Sortable list of existing items
- Sortable list of editable items
Component dependencies
This component is internally dependent on the following components:
Help and support