# Sortable List

A component that lets users customize the order of list items.

Tabs: [Guidelines](/components/web/sortable-list/sortable-list.guidelines.md) · [Code](/components/web/sortable-list/sortable-list.code.md)

[View in Figma]()[View on Github](https://github.com/pleo-io/web/tree/main/published-packages/telescope-components/src/components/sortable-list)[Open in Storybook](https://telescope.pleo.io/storybook/?path=/story/sortable-list--default)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## When to use

Use this component to allow users to customize the order of items in a list.

## Behavior

The dragging of the list is restricted to its size so user won’t be able to drag out of it.

## Accessibility

This component is using [@dnd-kit](https://dndkit.com/) for drag and drop behaviour.

It has keyboard and screen reader support for accessibility.

## Related components

- [Filter menu](/components/web/filter-menu/filter-menu.guidelines): A component used to apply category-specific filters for a dataset.