components/overview
zenit Storybook · 5f9add5+wip 2026-09-30
Composants
51 composants publics et 13 labos de capacités. Chaque clip est le drawable Metal d'une vraie fenêtre zenit Storybook pilotée par le harness E2E ; le code source et les props sont extraits directement du dépôt.
Buttonui.widgets.ButtonBoutons principaux, secondaires, destructifs, de type lien et icône seule.
Checkboxui.widgets.CheckboxUn booléen indépendant avec les états non coché, coché et indéterminé.
Switchui.widgets.SwitchUn interrupteur pour les réglages qui s'appliquent immédiatement.
Radioui.widgets.RadioGroupChoisir exactement une valeur parmi des options mutuellement exclusives.
Sliderui.widgets.SliderChoisir une valeur sur une plage continue ou par paliers.
Rateui.widgets.RateNotes en étoiles ou sur un nombre borné d'éléments.
NumberStepperui.widgets.NumberStepperIncrément et décrément précis pour les quantités et les paramètres.
Inputui.widgets.InputSaisie sur une ligne pour texte, e-mail, mot de passe et recherche.
Textareaui.widgets.TextareaÉdition multiligne avec les états helper, error et disabled.
Selectui.widgets.SelectSélecteurs simples, multiples, effaçables et avec recherche.
Form CompositionInput · Select · ButtonInput, Select et Button mélangés à une même taille : une barre de filtres et un formulaire métier.
ComboBoxui.widgets.ComboBoxUne saisie avec recherche et filtrage qui réécrit sa valeur.
TagsInputui.widgets.TagsInputSaisir de nombreux tokens au clavier.
FileUploadui.widgets.FileUploadSélection de fichiers et zone de dépôt.
DatePickerui.widgets.DatePickerSaisir une date ou la choisir dans un calendrier.
DateRangePickerui.widgets.DateRangePickerChoisir une date de début et une date de fin.
Formui.widgets.FormOf(T)État de formulaire typé, métadonnées des champs et moment de validation.
Badgeui.widgets.BadgeStatut discret, compteurs et étiquettes sémantiques.
Tagui.widgets.TagÉtiquettes de catégorie fermables ou en lecture seule.
Chipui.widgets.ChipChoix compacts, filtres ou tokens avec icône.
Cardui.widgets.CardRegroupe un titre, un corps et une surface interactive en une seule unité.
Alertui.widgets.AlertRetour persistant dans la page.
Progressui.widgets.ProgressProgression déterminée et indéterminée.
Spinnerui.widgets.SpinnerUne animation compacte pour les attentes courtes.
Skeletonui.widgets.SkeletonStructure provisoire pendant le chargement du contenu.
Timelineui.widgets.TimelineÉvénements verticaux par date ou par statut.
Breadcrumbui.widgets.BreadcrumbIndique l'emplacement actuel et ses ancêtres.
Stepsui.widgets.StepsÉtats terminé, en cours et en attente d'une tâche en plusieurs étapes.
Treeui.widgets.TreeHiérarchies, arborescences de fichiers et structures dépliables.
Tableui.widgets.TableUn tableau de base avec colonnes fixes et cellules personnalisées.
DataTableui.widgets.DataTableUn tableau de données avec filtrage, pagination et comportement de colonnes.
Calendarui.widgets.CalendarNavigation et sélection de dates en vue mensuelle.
Markdownui.widgets.MarkdownRend un sous-ensemble de Markdown pris en charge sous forme de nœuds natifs.ui.system_iconsRôles d'icônes sémantiques, tailles et teintes indépendants du fournisseur.
Tabsui.widgets.TabsBasculer entre des vues sœurs dans un même contexte.
Accordionui.widgets.AccordionReplier et déplier des sections.
Menuui.widgets.MenuActions contextuelles avec indications de raccourcis.
DropdownMenuui.widgets.DropdownMenuUn ensemble de commandes ouvert depuis un bouton.
Notificationui.widgets.NotifierNotifications non bloquantes : neuf types, progression, actions, empilement et huit positions d'ancrage.
Tooltipui.widgets.TooltipIndications brèves et complémentaires pour les contrôles.
Popoverui.widgets.PopoverUn contenu transitoire plus riche qu'un tooltip.
Modalui.widgets.ModalTâches bloquantes, confirmations et contexte focalisé.
Sheetui.widgets.SheetUn panneau latéral qui glisse depuis le bord de la fenêtre.
GlassBoxui.widgets.GlassBoxUne surface de verre avec un vrai flou d'arrière-plan.
Dividerui.widgets.DividerSéparateurs horizontaux, verticaux et avec libellé.
Stackui.widgets.HStack / VStackDisposition horizontale et verticale courante.
Layout / Box Modelui.boxUne matrice de couverture du modèle de boîte, des pourcentages, du positionnement absolu, de Flex / Grid et du rognage.
VirtualListui.widgets.VirtualListNe monte que la fenêtre visible des grandes listes uniformes.
VirtualList (Dynamic)ui.widgets.VirtualListUne liste virtuelle avec des hauteurs de ligne variables.
ScrollAreaui.widgets.mountScrollAreaDéfilement dessiné sur mesure, barres de défilement et positionnement programmatique.
Gridui.widgets.mountGridLignes et colonnes en deux dimensions avec cellules personnalisées.
GlassLabui.widgets.GlassBoxUn banc optique GlassBox : réfraction, largeur du biseau et grossissement.
GlassIslandsui.widgets.GlassBoxPlusieurs îlots de verre sur un même arrière-plan.
GlassMotionui.widgets.GlassBoxVerre qui se déforme et barre d'outils flottante pendant le défilement.
GlassChromeui.widgets.GlassBoxChrome d'application : barre de titre et barre d'outils en verre au-dessus d'un contenu qui défile.
CanvasEventsui.eventsÉvénements au niveau du canevas : défilement, geste de zoom, glisser et aller-retour d'un PNG via le presse-papiers.
Dragui.interactionGlisser-déposer et une poignée de redimensionnement horizontal.
Gesturesui.interactionArbitrage des gestes pour clic simple, double, triple et appui long.
AnimControlsui.fxContrôle d'animation : yoyo, timelines, keyframes et ressorts.
VectorPathui.pathGéométrie des tracés vectoriels : contour, remplissage et hit-testing.
BlendModesui.boxModes de fusion et composition avec opacité.
Emojiui.textEmoji en couleur, séquences ZWJ et modificateurs de teint.
RTLui.textTexte mêlant arabe, hébreu et latin.
WordNavui.widgets.TextareaDéplacement du curseur mot par mot entre systèmes d'écriture.