Composants
Seize exports pour les interactions difficiles à construire à la main. Choisissez-en un selon son rôle ; chaque page a un banc d’essai en direct.
- MotionNumber · MotionTextUn nombre dont les chiffres tournent comme des roues, y compris ceux qui apparaissent ou disparaissent.Prix, totaux, compteurs, scores et minuteurs.Nombres et texte
- MotionStreamDu texte en streaming révélé à un rythme régulier, qui rattrape son retard en cas de rafale.Réponses d’IA, logs et transcriptions en direct.Nombres et texte
- MotionSwapUn contenu qui passe en fondu enchaîné pendant que sa taille suit.États de bouton, changements d’icône, du chargement au contenu chargé.Contenu et taille
- MotionHeightUne hauteur qui suit son contenu : repli, dépli et changements de contenu.Accordéons, détails et cartes qui se déploient.Contenu et taille
- MotionPresenceGarde le contenu monté pendant ses animations d’entrée et de sortie.Avis, bannières et messages en ligne.Contenu et taille
- MotionHighlightOnglets, contrôles segmentés ou navigation à partir de données, avec un surlignage unique qui se déplace vers la sélection.Onglets, filtres, contrôles segmentés et navigation.Sélection et pagination
- MotionPagerDes pages à balayer à partir de données : onboarding, carrousels et panneaux d’onglets.Onboarding, carrousels et panneaux d’onglets.Sélection et pagination
- MotionListUne liste à partir de données qui n’anime que ce qui a changé.Tâches, fils d’actualité, résultats de recherche et paniers.Listes
- MotionReorderFaites glisser pour réordonner une liste ou une grille, clavier compris.Playlists, tableaux et classements.Listes
- MotionSwipeUne ligne avec des actions révélées au balayage et une suppression au balayage facultative.Lignes de boîte de réception et éléments de liste avec actions.Gestes
- MotionHoldMaintenez appuyé pour confirmer une action destructive ; relâcher trop tôt fait revenir en arrière.Supprimer, réinitialiser, payer, se déconnecter partout.Gestes
- MotionSheetUn panneau inférieur, un panneau supérieur ou un tiroir latéral à crans, avec gestes vifs et relais vers le défilement.Filtres, menus, détails et tiroirs.Superpositions
- MotionZoomUne image qui s’agrandit depuis sa place jusqu’au plein écran ; faites-la glisser pour la fermer.Galeries, photos de produits et images d’articles.Superpositions
- ProgressBar · ProgressRingDes barres et des anneaux de progression contrôlés, avec un état indéterminé.Envois, téléchargements, étapes et quotas.Progression