Design System
Tokens, typographie et composants utilisés pour construire ce site.
Input
Champ texte par défaut
Type email avec autocomplétion
Format d'email invalide
Le champ n'accepte aucune saisie
Une indication descriptive sous le champ
Textarea
6 lignes par défaut, redimensionnable verticalement
Le message doit faire au moins 20 caractères
3 lignes via la prop rows
Field
L'aide apparaît sous le champ, en gris
Ce champ est requis
L'erreur remplace l'aide
Titre animé
Card
Une carte simple avec du padding. Les bordures s’animent depuis leur origine au montage.
Contenu plus grand
Les cartes s’adaptent à n’importe quel contenu : titre, corps, contrôles intégrés. Les quatre bordures animées suivent la taille de la boîte.
Utiliser as rend la Card sous n’importe quel élément sémantique via le Primitive de Reka UI, utile pour les régions repères comme celle-ci.
Onglets
Contenu de l’aperçu
Contenu des travaux
Contenu du contact
Contenu de l’accueil
Contenu À propos
Contenu des paramètres
Contenu archivé
Contenu de l’aperçu
Contenu des travaux
Contenu du contact
General Sans
Portez ce vieux whisky au juge blond qui fume
text-base regular, la taille par défaut du corps de texte.
DM Serif Display
Portez ce vieux whisky au juge blond qui fume
JetBrains Mono
const ok = true