Sortable List

Layout

Drag-and-drop reorderable list with a keyboard-accessible handle (arrow keys/Home/End).

Instalação via CLI

$ npx kikitocn add sortable-list

Exemplo de uso

Sortable ListExample.tsx

import { SortableList } from "@/components/ui/cn/sortable-list/SortableList";

export function SortableListExample() {
  return (
    <SortableList />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`SortableItem[]`	—	Array de { id, content } para ordenar
`onChange`	`(items: SortableItem[]) => void`	—	Callback após reordenar
`disabled`	`boolean`	`false`	Desabilitar arrasto e o grip por teclado
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Layout

Carregando…

Sortable List

Sortable List

Default

Default