Componente
Șaisprezece exporturi pentru interacțiunile greu de construit de mână. Alegeți după treaba pe care o face; fiecare pagină are un banc de lucru live.
- MotionNumber · MotionTextUn număr ale cărui cifre se rotesc ca niște roți, inclusiv cifrele care apar sau dispar.Prețuri, totaluri, contoare, scoruri și cronometre.Numere și text
- MotionStreamText în flux afișat într-un ritm constant, care recuperează rafalele.Răspunsuri AI, jurnale și transcrieri live.Numere și text
- MotionSwapConținut care trece prin fondu încrucișat în timp ce mărimea îl urmează.Stări de buton, schimbări de pictogramă, de la încărcare la încărcat.Conținut și mărime
- MotionHeightÎnălțime care urmează conținutul: restrângere, extindere și schimbări de conținut.Acordeoane, detalii și carduri extensibile.Conținut și mărime
- MotionPresencePăstrează conținutul montat în timp ce intră și iese animat.Notificări, bannere și mesaje inline.Conținut și mărime
- MotionHighlightFile, controale segmentate sau navigare din date, cu un singur evidențiator care se mută la selecție.File, filtre, controale segmentate și navigare.Selecție și paginare
- MotionPagerPagini glisabile din date: onboarding, carusele și panouri de file.Onboarding, carusele și panouri de file.Selecție și paginare
- MotionListO listă din date care animă doar ce s-a schimbat.Sarcini, fluxuri, rezultate de căutare și coșuri.Liste
- MotionReorderTrageți pentru a reordona o listă sau o grilă, cu suport de tastatură.Playlisturi, table și liste ordonate.Liste
- MotionSwipeUn rând cu acțiuni dezvăluite prin glisare și respingere opțională prin glisare.Rânduri de inbox și elemente de listă cu acțiuni.Gesturi
- MotionHoldApăsați lung pentru a confirma o acțiune distructivă; o eliberare prea devreme derulează înapoi.Ștergere, resetare, plată, deconectare de peste tot.Gesturi
- MotionSheetSheet inferior, sheet superior sau sertar lateral, cu opriri, mișcări bruște și predarea derulării.Filtre, meniuri, detalii și sertare.Suprapuneri
- MotionZoomO imagine care se mărește de la locul ei la ecran complet; trageți-o deoparte pentru a o închide.Galerii, fotografii de produs și imagini din articole.Suprapuneri
- ProgressBar · ProgressRingBare și inele de progres controlate, cu stare nedeterminată.Încărcări, descărcări, pași și cote.Progres