Composants
Les 123 composants publics du kit, regroupés par usage. Chaque page contient un exemple complet et sa capture native.
Boutons et actions
KitButtonBouton avec libellé et indicateur d’activité conservant sa largeur naturelle.KitButtonGroupLigne de boutons apparentés avec un espacement uniforme.KitFormButtonBouton qui transmet une intention de formulaire typée.KitIconButtonBouton carré présentant une icône pour une action compacte.KitPressablePrimitive d’action qui centralise le pointeur, le clavier et le focus pour vos boutons personnalisés.KitResetButtonBouton discret préconfiguré pour demander la réinitialisation d’un formulaire.KitSubmitButtonBouton principal préconfiguré pour demander l’envoi d’un formulaire.
Structure des formulaires
KitFieldColonne élémentaire associant le libellé, l’éditeur et ses messages.KitFieldDescriptionTexte d’aide secondaire destiné à un champ.KitFieldErrorMessage d’erreur visuel avec annonce accessible polie.KitFieldGroupColonne qui espace plusieurs champs de formulaire.KitFieldLabelLibellé cliquable pouvant demander le focus de son éditeur.KitFieldSeparatorTrait discret séparant des groupes dans un formulaire.KitFieldSetGroupe de formulaire nommé par une légende visible et accessible.KitFormErrorSummaryListe d’erreurs permettant d’atteindre les champs concernés.KitInputGroupSurface de saisie commune aux éditeurs et à leurs éléments adjacents.KitInputGroupEndEmplacement horizontal pour les éléments placés après un éditeur.KitInputGroupStartEmplacement horizontal pour les éléments placés avant un éditeur.KitInputGroupTextTexte secondaire aligné avec le contenu d’une saisie.
Saisie de texte
KitEmailFieldChamp natif présentant un brouillon d’adresse électronique.KitMaskedFieldChamp de texte pour un brouillon contrôlé par un masque métier.KitOtpFieldChamp de code à usage unique conservant un éditeur natif unique.KitPasswordFieldChamp de mot de passe avec bascule de visibilité.KitSearchFieldChamp de recherche avec action d’effacement intégrée.KitTelephoneFieldChamp natif pour un numéro de téléphone éditable.KitTextAreaÉditeur natif multiligne pour un texte complet.KitTextFieldChamp de texte natif avec libellé, validation et messages d’aide.KitUrlFieldChamp natif destiné à une adresse URL.
Nombres et montants
KitDecimalFieldChamp de brouillon décimal destiné à une valeur exacte.KitDurationFieldChamp décimal pour une durée exprimée dans une unité explicite.KitIntegerFieldÉditeur natif pour un brouillon de nombre entier.KitMoneyFieldÉditeur de montant monétaire séparant le brouillon de la valeur acceptée.KitNumberStepperChamp numérique avec actions d’incrémentation et de décrémentation.KitPercentFieldChamp décimal présentant un pourcentage avec son symbole.KitQuantityFieldChamp décimal pour une quantité accompagnée d’une unité métier.
Sélection
KitOptionLigne d’option personnalisable avec capture de l’identité au début de l’appui.KitSelectSélecteur à popup avec recherche, navigation clavier et options virtualisées.KitSelectKeyboardTraducteur clavier partagé pour les sélecteurs et menus composés.KitSelectSurfaceSurface de popup combinant recherche native, clavier et visibilité de l’option active.KitSelectTriggerDéclencheur personnalisable partageant les interactions du sélecteur.
Choix et valeurs
KitCheckboxCase à cocher contrôlée avec un véritable état mixte.KitChipÉtiquette compacte demandant le retrait d’un élément identifié.KitComboboxRecherche d’options avec choix stable et état de recherche explicite.KitMultiSelectSélecteur multiple combinant une recherche et les choix retenus en puces.KitRadioGroupGroupe de choix exclusifs avec une cible clavier commune.KitRangeSliderCurseur à deux poignées pour une plage contrôlée.KitRatingChoix d’une note avec action explicite d’effacement.KitSegmentedControlChoix exclusif compact présenté sous forme de segments.KitSliderCurseur continu projetant une valeur métier sur une position normalisée.KitSwitchInterrupteur contrôlé pour une préférence booléenne.KitTagInputSaisie de nouvelles étiquettes avec liste de puces contrôlée.KitToggleGroupGroupe d’actions à sélection multiple contrôlée.
Dates
KitCalendarGrille de jours navigable alimentée par un modèle de calendrier.KitDateFieldChamp natif de date civile sans fuseau horaire.KitDatePickerChamp de date civile avec calendrier contextuel.KitDateRangePickerCalendrier de période avec sélection provisoire puis application explicite.KitIsoWeekFieldChamp natif pour une semaine selon le calendrier ISO.KitMonthFieldChamp natif pour un mois d’une année civile.KitYearFieldChamp natif pour une année civile.
Heures et fuseaux
KitDateTimeFieldDeux éditeurs natifs composant un seul brouillon de date et heure locales.KitTimeFieldChamp natif pour une heure locale sans création d’instant.KitTimePickerSaisie d’heure locale avec réglage explicite de chaque segment.KitZonedDateTimeFieldSaisie de date, heure locale et fuseau avec résolution explicite des ambiguïtés.
Fichiers
KitDirectoryPickerSélecteur de dossier avec état de requête et action d’effacement.KitFileDropZoneZone de dépôt de fichiers activée par une capacité réelle de l’hôte.KitFileListListe de fichiers avec noms, détails et suppression par identité stable.KitFilePickerSélecteur de fichiers présentant une demande native et les fichiers retenus.
Couleurs
Mise en page
KitAppShellFond de fenêtre organisant les grandes régions d’une application.KitContainerColonne centrée qui borne la largeur de lecture dans l’espace disponible.KitGridGrille utilisant directement les règles publiques de placement de Slint.KitInlineLigne unique pour des contrôles et contenus adjacents.KitScrollAreaZone de défilement vertical pour une colonne de contenu.KitSectionSection de contenu avec titre et description facultative.KitStackPile verticale avec espacement et inset nommés.KitSurfaceSurface visuelle unique pour un contenu composé.KitWrapDisposition qui redistribue ses enfants sur plusieurs lignes.
Présentation
KitAvatarReprésentation d’une personne ou entité par image ou initiales.KitBadgeÉtiquette non interactive pour une catégorie, un compte ou un état.KitCardSurface de carte pour regrouper une unité de contenu.KitCardBodyColonne de contenu principal à l’intérieur d’une carte.KitCardFooterLigne d’actions de carte pouvant se replier sur plusieurs lignes.KitCardHeaderTitre et description d’une carte avec hiérarchie typographique.KitChatBubbleMessage de conversation avec auteur et métadonnées.KitDividerSéparation horizontale avec un libellé facultatif au centre.KitEmptyStatePrésentation d’une collection vide avec explication et contenu d’action libre.KitFooterRégion de pied de page pour les informations secondaires d’une application.KitHeroBloc d’introduction visuelle avec titre, description et contenu libre.KitSkeletonForme d’attente pour réserver la place d’un contenu en chargement.KitStatIndicateur synthétique composé d’un libellé, d’une valeur et d’un contexte.KitStepsIndicateur d’étapes avec états explicites de progression.KitTimelineChronologie verticale de titres, descriptions et métadonnées.
Retour et progression
KitAlertMessage contextualisé de résultat, d’information ou d’erreur.KitProgressBarre de progression déterminée exprimée par une fraction.KitRadialProgressIndicateur circulaire de progression avec pourcentage central.KitSpinnerIndicateur d’activité indéterminée avec libellé accessible.KitToastNotification transitoire identifiable avec action et fermeture facultatives.KitToastHostPile de notifications transitoires alimentée par une file détenue en Rust.KitTooltipAide courte associée au survol et au focus d’un contrôle.KitTooltipLayerCouche de fenêtre affichant l’infobulle de la cible ayant le focus.
Dialogues
KitDialogBodyEmplacement vertical pour le contenu principal d’un dialogue.KitDialogFooterEmplacement de fin pour les actions d’un dialogue.KitDialogHeaderEmplacement horizontal pour l’en-tête d’un dialogue.KitDialogPanelSurface de contenu d’un dialogue nommée pour l’accessibilité.KitDialogSurfaceHôte modal qui gère le voile, les demandes de fermeture et le parcours du focus.