Sortable List

Sortable List helps users to reorder the sequence of items

Stable
Show details
Stable
Published: January 08, 2025
Updated: January 09, 2025

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.

dialog

dialog

example

example

dialog

dialog


Variants

Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.

SortableList
Property Values Default
buttonRemove Boolean true | false true
variant Variant default | hover | active | indicator default

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
SortableList
SortableList
variant indicator
SortableList
SortableList
variant hover
SortableList
SortableList
variant active
SortableList
SortableList
variant default

Component dependencies

This component is internally dependent on the following components:


Help and support