Utilities & Variables

Variables & utilitaires

JoekerUI s'appuie sur un ensemble de fonctions utilitaires et de variables communes afin de garantir une API cohérente entre tous les composants.

cn()

La fonction cn()permet de fusionner facilement plusieurs classes CSS et d'ajouter des classes de manié¨re conditionnelle.

className={cn(
    "rounded-xl",
    disabled && "opacity-50",
    className
)}

Tous les composants utilisent resolveTheme()afin de récupérer automatiquement les tokens correspondant au variant ou au thème demandé.

const tokens = resolveTheme(
    variant,
    theme
).tokens;

tokens.solid
tokens.solidHover
tokens.textOnSolid
tokens.softBg
tokens.softBorder
tokens.softText
tokens.glow

Les composants ne manipulent jamais directement les couleurs d'un thème. Ils utilisent uniquement les tokens retournés par resolveTheme().

Tous les composants JoekerUI suivent exactement la même logique.

Cette approche garantit une API homogène dans toute la bibliothèque.

De nouveaux utilitaires pourront être ajoutés au fur et à mesure de l'évolution de JoekerUI.

Cette documentation sera enrichie lorsque ces fonctionnalités seront disponibles.