Catalogue

Tous les composants

Tout ce dont vous avez besoin pour construire une surface produit complète, sur iOS et Android.

9 Primitives
34 Composants
188 Tests unitaires
100% TypeScript

Primitives 9

Box

  • Mise en page

Primitive de mise en page flex avec espacement conscient des tokens.

  • Padding/margin conscient des tokens
  • Couleurs liées au thème

Text

  • Typographie

Primitive typographique liée aux variantes du thème.

  • 10 variantes de type
  • Couleur claire/sombre automatique

Heading

  • Typographie

Typographie display et titre avec niveaux sémantiques.

  • Niveaux sémantiques h1-h6
  • Letter-spacing calibré

PressableScale

  • Mouvement

Mise à l'échelle native à la pression avec prise en charge du reduce-motion.

  • Spring Reanimated
  • Retour haptique optionnel

MarqueeText

  • Mouvement
  • Typographie

Texte à défilement automatique quand le contenu déborde.

  • Détection de débordement
  • Vitesse configurable

PaginationDots

  • Navigation

Indicateur compact de progression / pagination.

  • Échelle du point actif
  • Nombre configurable

SectionLabel

  • Typographie

Libellé de section en majuscules pour les listes groupées.

  • Majuscules automatiques
  • Couleur de thème atténuée

Composants 34

Button

  • Actions

Variantes primaire, secondaire, fantôme et destructive avec accent lumineux.

  • 6 variantes
  • 3 tailles (sm/md/lg)
  • Spinner de chargement
  • Pression haptique

Input

  • Formulaires

Input texte thématisé avec états label, helper et erreur.

  • Label + erreur + helper
  • Animation de bordure au focus
  • Astérisque obligatoire

InputPrompt

  • Formulaires

Champ de prompt en ligne utilisé dans les flux type chat.

  • Slot bouton d'envoi
  • Mise en page prête pour le chat

Select

  • Formulaires
  • Overlays

Select adossé à un sheet avec options recherchables.

  • Sélecteur BottomSheet
  • Filtrage par recherche
  • Sélection multiple

SearchBar

  • Formulaires

Champ de recherche avec affordances d'effacement et d'annulation.

  • Bouton d'effacement
  • Animation d'annulation

Badge

  • Affichage de données

Badges numériques et points pour comptes et statuts.

  • Mode numérique / point
  • Variantes de couleur

Avatar

  • Affichage de données

Avatar image / initiales avec tokens de taille.

  • 4 tailles (sm-xl)
  • Initiales automatiques du nom
  • Texte de contraste

ListHeader

  • Affichage de données

En-tête de liste fixe avec titre, action et transformation.

  • Scroll fixe
  • Slot bouton d'action

ListItem

  • Affichage de données

Primitive de ligne avec slots leading, trailing et sous-titre.

  • Slots leading/trailing
  • Sous-titre + chevron

ListSection

  • Affichage de données

Conteneur de liste groupé avec séparateurs en inset.

  • Séparateurs automatiques
  • En-tête de section

ListSwitchItem

  • Affichage de données
  • Formulaires

Ligne de liste avec contrôle Switch en fin.

  • Switch intégré
  • Prêt pour les réglages

HeaderBar

  • Navigation

Barre de navigation avec rendu personnalisé et titres empilés.

  • Repli du grand titre
  • Slot bouton retour

BottomSheet

  • Overlays

Sheet piloté par les gestes avec points d'ancrage.

  • Glissement Reanimated
  • Composé Header/Body/Footer
  • Fermable

Toast

  • Retour

Façade de toast impérative avec variantes et positions.

  • 5 variantes
  • Position haut/bas
  • Bouton d'action
  • Auto-fermeture

BottomTabBar

  • Navigation

Barre d'onglets inférieure style iOS avec gestion des zones sûres.

  • Inset de zone sûre
  • 2-5 onglets
  • Slot de badge
  • Sélection haptique

Countdown

  • Retour
  • Affichage de données

Compte à rebours en direct vers une date cible avec affichage segmenté.

  • Jours / heures / minutes / secondes
  • État expiré
  • Libellés localisables

StatTile

  • Affichage de données

Tuile de métrique avec valeur, delta et ton de tendance.

  • Tons positif / négatif / neutre
  • Flèche de delta
  • Tailles compacte et regular
Expo React Native 0.74+ iOS Android Web TypeScript Accessible