Componenti
Sedici export per le interazioni difficili da costruire a mano. Scegline uno in base al lavoro che fa; ogni pagina ha un banco di prova dal vivo.
- MotionNumber · MotionTextUn numero le cui cifre scorrono come rotelle, comprese le cifre che compaiono o spariscono.Prezzi, totali, contatori, punteggi e timer.Numeri e testo
- MotionStreamTesto in streaming rivelato a ritmo costante, che recupera le raffiche.Risposte di AI, log e trascrizioni dal vivo.Numeri e testo
- MotionSwapContenuto che passa in dissolvenza incrociata mentre la sua dimensione si adegua.Stati dei pulsanti, cambi di icona, dal caricamento al caricato.Contenuto e dimensione
- MotionHeightUn’altezza che segue il contenuto: chiusura, apertura e cambi di contenuto.Accordion, dettagli e card espandibili.Contenuto e dimensione
- MotionPresenceMantiene montato il contenuto mentre entra ed esce con un’animazione.Avvisi, banner e messaggi inline.Contenuto e dimensione
- MotionHighlightTab, controlli segmentati o navigazione a partire dai dati, con un’unica evidenziazione che si sposta sulla selezione.Tab, filtri, controlli segmentati e navigazione.Selezione e pagine
- MotionPagerPagine da scorrere con lo swipe a partire dai dati: onboarding, caroselli e pannelli a tab.Onboarding, caroselli e pannelli a tab.Selezione e pagine
- MotionListUna lista a partire dai dati che anima solo ciò che è cambiato.To-do, feed, risultati di ricerca e carrelli.Liste
- MotionReorderTrascina per riordinare una lista o una griglia, con supporto per la tastiera.Playlist, bacheche e classifiche.Liste
- MotionSwipeUna riga con azioni rivelate dallo swipe e, facoltativamente, eliminazione con lo swipe.Righe di una casella di posta ed elementi di lista con azioni.Gesti
- MotionHoldTieni premuto per confermare un’azione distruttiva; un rilascio anticipato torna indietro.Eliminare, reimpostare, pagare, uscire da tutti i dispositivi.Gesti
- MotionSheetUn bottom sheet, un top sheet o un cassetto laterale con detent, colpi rapidi e passaggio dello scroll.Filtri, menu, dettagli e cassetti.Overlay
- MotionZoomUn’immagine che si ingrandisce dal suo posto a schermo intero; trascinala via per chiuderla.Gallerie, foto di prodotto e immagini negli articoli.Overlay
- ProgressBar · ProgressRingBarre e anelli di avanzamento controllati, con uno stato indeterminato.Upload, download, passaggi e quote.Avanzamento