Layout & Typography

Mise en page & typographie

JoekerUI fournit des composants simples pour organiser le contenu, structurer les interfaces et garder une hiérarchie visuelle cohérente.

Mise en page

Les composants de mise en page permettent d'organiser les éléments sans réécrire les mêmes classes Tailwind partout.

Grid

Crée une grille responsive avec un nombre de colonnes configurable.

Stack

Empile des éléments verticalement ou horizontalement avec un espacement maîtrisé.

Divider

Sépare visuellement deux blocs de contenu.

Exemple avec Stack

DefaultSuccessDangerFrost

Divider

Premier bloc de contenu.

Deuxième bloc de contenu.

Typographie

Titre principal

Utilisé pour les grandes sections ou les pages.

Titre de section

Utilisé pour structurer le contenu documentaire.

Le texte courant utilise une couleur douce et une hauteur de ligne confortable pour garder une bonne lisibilité sur fond sombre.

inline-code

Philosophie

JoekerUI privilégie des layouts simples, lisibles et faciles à composer.

Les composants de mise en page ne cherchent pas à tout contrôler. Ils fournissent une base propre, puis laissent Tailwind compléter les besoins spécifiques.