Tous les composants

View qui reçoit en props des tokens d'espacement, de couleur, de rayon et d'élévation.

• Props de padding et de margin
• Arrière-plan en couleur du thème
• Rayon et 6 niveaux d'élévation

Piles verticales et horizontales avec des gaps basés sur les tokens.

• VStack et HStack
• Gap issu des tokens d'espacement
• Alignement, justification et retour à la ligne

Primitive typographique liée à l'échelle typographique du thème.

• 18 variantes typographiques
• Tokens de couleur du thème
• Couleurs d'accent lisibles

Texte avec le rôle header, associé aux styles de titre.

• Niveaux 1 à 3 plus 2 tailles display
• Rôle header pour les lecteurs d'écran

Séparateur horizontal fin.

• Inset des deux côtés
• Épaisseur issue des tokens

Pressable avec un effet d'échelle à ressort Reanimated à la pression.

• Échelle configurable
• Respecte le mouvement réduit
• Anneau de focus clavier

Texte sur une ligne qui ne défile que lorsqu'il déborde.

• Détection de débordement
• Vitesse et pause configurables
• Statique en mouvement réduit

Indicateur animé de page ou d'étape.

• Le point actif s'élargit
• Annonce l'étape en cours

Petit surtitre en majuscules avec un rôle header.

• Majuscules par défaut
• Transformation et couleur personnalisées

Jeu d'icônes dessinées, identique sur iOS et Android.

• 12 glyphes
• Chevrons inversés en RTL
• Masqué pour les lecteurs d'écran

Tuile cliquable avec une pastille d'icône teintée et un libellé.

• 5 tons
• Effet d'échelle à ressort à la pression
• Retour haptique léger à la pression

Avatar circulaire affichant une image ou des initiales.

• 4 tailles (sm-xl)
• Initiales à partir d'un nom
• Fond des initiales personnalisable

Compteur, libellé court ou point de statut.

• 5 variantes de couleur
• Plafond de débordement (99+)
• Mode point

Sheet modal qui glisse depuis le bas de l'écran.

• Glisser vers le bas pour fermer
• Parties Header, Body et Footer
• Évitement du clavier
• Geste d'échappement du lecteur d'écran

Barre d'onglets inférieure avec une pastille active animée.

• Badges par onglet
• Rôles d'onglet avec état sélectionné
• Inset de zone sûre

Bouton d'action principal avec variantes, tailles, état de chargement et icônes.

• 5 variantes
• 3 tailles (sm/md/lg)
• État de chargement
• Pression haptique

Surface thématisée qui devient cliquable dès qu'elle reçoit un handler.

• 4 niveaux d'élévation
• 3 tailles de densité
• Slots d'en-tête et de pied

Case à cocher avec un libellé optionnel.

• 2 tailles
• Rôle et état checkbox
• Retour haptique léger au basculement

Chip sélectionnable ou étiquette de filtre.

• 3 variantes et 3 formes
• Icône en tête
• Mise en page ChipGroup

Explosion de confettis festive qui ne bloque jamais les touchers.

• Nombre de particules configurable
• Se déclenche à l'affichage
• Respecte le mouvement réduit

Compte à rebours qui se met à jour seul jusqu'à une échéance.

• 4 formats
• Unités localisables
• Libellé et callback d'expiration

Champ de date, d'heure ou de date et heure.

• 3 modes
• Dates minimale et maximale
• Effaçable
• Repli en lecture seule sans le picker

Champs de date de début et de fin pour une période.

• Chaque borne limite l'autre
• Erreur distincte par borne
• Effaçable

État vide centré avec icône, titre, message et action.

• 3 tailles
• Slot d'action
• Rôle summary

Error boundary avec un fallback permettant de réessayer.

• Reset keys
• Rendu de fallback personnalisé
• HOC withErrorBoundary

Message d'erreur affiché sous les champs de formulaire.

• Rôle alert
• Live region en mode polite

Libellé de champ en majuscules avec un indicateur d'obligation.

• Indicateur d'obligation
• Annoncé comme obligatoire

En-tête d'écran avec bouton retour, titre et actions.

• Titres standard et grand format
• Titre centré ou à gauche
• Chevron retour inversé en RTL

Bouton circulaire composé d'une seule icône.

• 4 variantes et 3 tailles
• Hit slop intégré
• Retour haptique léger

Champ de texte avec libellé, erreur et bordure au focus.

• Libellé, erreur et champ obligatoire
• Transmet la ref et les props TextInput
• Prise en charge multiligne

Boîte de dialogue de saisie de texte multiplateforme.

• Alert.prompt système sur iOS
• Modale thématisée sur Android
• Boutons localisés

Barre d'actions inférieure qui reste au-dessus du clavier.

• Remonte avec le clavier
• Activé par défaut sur Android

En-tête de liste ou de page en quatre tailles.

• 4 tailles
• Options de transformation du texte
• Rôle header

Ligne de liste avec icône, sous-titre, valeur et chevron.

• Chevron quand la ligne est cliquable
• Style destructif
• Slots personnalisés

Section de liste groupée avec un titre et une note en bas de section.

• Carte groupée ou lignes séparées
• Titre et note en bas de section

Ligne de liste avec un interrupteur intégré.

• Switch intégré
• Icône et sous-titre

Boîte de dialogue centrée avec backdrop, titre et pied.

• Parties Header, Body et Footer
• Fermeture par backdrop
• Geste d'échappement du lecteur d'écran

Barre de progression horizontale déterminée.

• Couleur sémantique ou personnalisée
• Rôle progressbar avec valeur
• Hauteur configurable

Option radio unique avec un libellé optionnel.

• Sélection contrôlée
• Rôle radio
• Retour haptique léger

Conteneur d'écran avec zones sûres et largeur maximale sur tablette.

• Zones sûres en haut et en bas
• Contenu centré sur tablette
• Padding optionnel

Champ de recherche avec debounce et bouton d'effacement.

• Debounce intégré
• Bouton d'effacement
• Slots gauche et droite

Section de contenu avec un titre et une action.

• Titre avec rôle header
• Slot d'action

Contrôle segmenté à choix unique, style iOS.

• Groupe radio pour les lecteurs d'écran
• Valeurs typées
• Retour haptique léger

Sélecteur à valeur unique avec options dans un bottom sheet.

• Sélecteur BottomSheet
• Icônes d'option
• Libellé, erreur et champ obligatoire

Ligne de réglages avec une tuile d'icône arrondie.

• Tuile d'icône
• Style destructif
• Variante SettingsSwitchRow

Placeholder de chargement animé.

• Preset Card
• Respecte le mouvement réduit
• Libellé de chargement localisé

Indicateur d'activité centré avec un libellé optionnel.

• 2 tailles
• Annoncé aux lecteurs d'écran

Tuile de statistique avec libellé, valeur et légende.

• 5 tons
• 3 tailles
• Chiffres tabulaires

Interrupteur natif thématisé avec libellé et sous-titre.

• Toute la ligne est cliquable
• Retour haptique léger
• Libellé lu avec le sous-titre

Champ multiligne avec libellé et erreur.

• Hauteur minimale en lignes
• Libellé, erreur et champ obligatoire

Toast impératif monté une seule fois à la racine de l'app.

• 5 variantes
• Position haut ou bas
• Bouton d'action
• Annonces pour lecteur d'écran