Headless Component

React 🟡 Mid

Type : React Patterns

Definition

Composant qui fournit toute la logique et l'accessibilite sans aucun style. Le consommateur apporte son propre UI.

Analogie

Comme un moteur de voiture vendu sans carrosserie — vous choisissez l'apparence.

Exemple de code

class="cmt">// Headless UI, Radix, Downshift
const { isOpen, getToggleProps, getMenuProps } =
  useSelect({ items });
<button {...getToggleProps()}>Ouvrir</button>