shadcn/ui

Définition

Collection de composants React copies dans le projet (pas un npm package). Base sur Radix UI + Tailwind, entièrement personnalisable car le code est dans ton repo.

Analogie

Un livre de recettes ou tu photographies chaque recette : tu peux modifier les ingrédients a volonté.

Exemple de code

// npx shadcn-ui@latest add button
import { Button } from '@/components/ui/button'

<Button variant="destructive" size="lg">
  Supprimer
</Button>

Cas d'usage

Bootstrapper une UI React avec des composants accessibles et personnalisables sans dépendance npm lourde.

Termes liés