Cheat sheet couleurs Tailwind CSS pour developpeurs UI
Exemples rapides de classes couleur Tailwind pour texte, fond, bordure, ring, hover, focus et dark mode.
| Usage | Valeur | Note |
|---|---|---|
| Text | text-slate-900 | Texte principal lisible. |
| Muted | text-slate-500 | Labels secondaires et aides. |
| Primary | bg-blue-600 text-white | Bouton action principale courant. |
| Border | border-slate-200 | Bordures sobres de panneaux. |
| Focus | focus:ring-2 focus:ring-blue-500 | Focus visible au clavier. |
Snippet a copier
<button class="rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:ring-2 focus:ring-blue-500">
Continue
</button>