BjDraggable — React

Composant React pour créer des listes réordonnables par glisser-déposer.

Utilisation

import { useState } from 'react'
import { BjDraggable } from '@flrxnt/dsbj/react'

function App() {
  const [items, setItems] = useState(['Élément A', 'Élément B', 'Élément C'])

  return (
    <BjDraggable
      items={items}
      handle
    />
  )
}

Aperçu interactif

Élément A
Élément B
Élément C
Élément D

Props

ClasseDescription
itemsTableau de chaînes représentant les éléments.
handleAffiche la poignée de glissement (défaut : true).
disabledDésactive le glisser-déposer.
classNameClasse CSS additionnelle.
renderItemFonction de rendu personnalisé : (item, index) => ReactNode.

Accessibilité

Les éléments sont navigables au clavier avec les touches Flèche haut et Flèche bas. Chaque élément possède un role="listitem" et un aria-label.