Composants
Chaque composant repose sur des éléments natifs et est documenté avec des exemples interactifs, son API et son comportement au clavier.
Avatar
La photo d’une personne, ou ses initiales sur une couleur qui n’appartient qu’à elle.
Fil d’Ariane
Le chemin des pages qui mène à la page actuelle.
Button
Actions et liens, mis en forme directement sur les boutons et liens natifs.
Calendrier
Choisissez un jour, une plage ou plusieurs jours, y compris au clavier.
Carrousel
Des diapositives alignées qui défilent et s’aimantent, avec boutons, points et rotation.
Chat
Discutez avec un modèle : réponses en streaming, outils, versions et fichiers.
Sélecteur de couleur
Une couleur en OKLCH, sur une zone ou une roue, avec échantillons, pipette et contrôle du contraste.
Combobox
Un champ de texte qui suggère des options pendant la saisie.
Palette de commandes
Toutes les commandes de votre application, à portée de clavier.
Sélecteur de date
Saisissez une date ou une heure par segments, ou choisissez-la dans un calendrier.
Dialog
Une fenêtre modale basée sur l’élément dialog natif, dont le focus est géré par le navigateur.
Zone de dépôt
Déposez des fichiers ou choisissez-les, avec contrôles, aperçus et envois avec progression.
Éditeur de texte enrichi
Titres, listes, liens et mises en forme, avec une barre d’outils et du Markdown à la frappe.
État vide
Ce qu’il faut afficher quand il n’y a rien à afficher, et comment en sortir.
Grille de données
Triez, filtrez, regroupez, modifiez et exportez un nombre illimité de lignes.
Markdown
Affichez du Markdown en toute sécurité, même en plein streaming.
Masque de saisie
Des champs de texte qui se formatent pendant la saisie : dates, cartes, IBAN, codes.
Menu
Une liste déroulante d’actions, avec sous-menus, éléments cochables et navigation complète au clavier.
Champ numérique
Un champ de saisie de nombres avec boutons d’incrément, formaté selon la langue et la région.
Champ OTP
Des codes de vérification dans des cases séparées, sur un seul vrai champ.
Champ téléphone
Un sélecteur de pays et un numéro, groupé comme l’écrit le pays.
Popover
Des panneaux flottants à côté d’un bouton, et des infobulles riches au survol.
Notation
Des étoiles pour noter, sur de vrais boutons radio.
Planificateur
Des événements sur un mois, une semaine, un jour, en agenda ou sur une timeline de salles et de personnes, glissés à leur place.
Select
Choisissez une ou plusieurs options, dans une liste courte ou immense.
Skeleton
Des espaces réservés qui maintiennent la mise en page pendant le chargement du contenu.
Splitter
Des panneaux côte à côte ou empilés, avec des poignées pour les redimensionner.
Toast
De courts messages qui s’empilent, s’écartent d’un geste et ne volent jamais le focus.
Visite guidée
Une carte par étape, à côté de ce qu’elle présente, avec la page assombrie autour.