shadcn/ui

Tailwind CSS 🟡 Mid

Definition

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

Analogie

Un livre de recettes ou tu photographies chaque recette : tu peux modifier les ingredients a volonte.

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 dependance npm lourde.

Termes lies

#styling#interview#tailwind