Tailwind + Base UI
Comment Kavel style l'interface : Tailwind pour le CSS utilitaire, et Base UI pour des primitives accessibles et sans style que vous possédez et restylisez.
Pourquoi il est là
Nous avons choisi Tailwind parce qu'il n'embarque aucun runtime et garde le style dans le markup, et Base UI parce qu'il apporte un comportement accessible sans imposer d'apparence. Ensemble, vous possédez chaque composant et pouvez le restyliser librement.
Ce qu'il faut savoir
- Les composants et styles partagés vivent dans
packages/ui. Ils sont à vous, ce n'est pas une bibliothèque boîte noire. - Le theming, ce sont des variables CSS dans
globals.css: les modes clair et sombre et la couleur de marque se changent à un seul endroit. - Les primitives Base UI gèrent le focus, le clavier et l'ARIA ; vous fournissez les classes Tailwind pour l'apparence.
La documentation complète se trouve sur tailwindcss.com et base-ui.com. Voir aussi le module UI.