Komponenty
Szesnaście eksportów do interakcji, które trudno zbudować ręcznie. Wybieraj według zadania; każda strona ma stanowisko na żywo.
- MotionNumber · MotionTextLiczba, której cyfry obracają się jak kółka, łącznie z cyframi, które się pojawiają lub znikają.Ceny, sumy, liczniki, wyniki i timery.Liczby i tekst
- MotionStreamTekst strumieniowany odsłaniany w równym tempie, który nadrabia serie.Odpowiedzi AI, logi i transkrypcje na żywo.Liczby i tekst
- MotionSwapTreść przenikająca się, podczas gdy rozmiar za nią podąża.Stany przycisków, zamiana ikon, przejście od ładowania do wczytanego.Treść i rozmiar
- MotionHeightWysokość podążająca za treścią: zwijanie, rozwijanie i zmiany treści.Akordeony, szczegóły i rozwijane karty.Treść i rozmiar
- MotionPresenceUtrzymuje treść zamontowaną, gdy animuje się wejście i wyjście.Powiadomienia, banery i komunikaty inline.Treść i rozmiar
- MotionHighlightKarty, kontrolki segmentowe lub nawigacja z danych, z jednym wyróżnieniem, które przesuwa się do wyboru.Karty, filtry, kontrolki segmentowe i nawigacja.Wybór i strony
- MotionPagerStrony z danych przewijane gestem: onboarding, karuzele i panele kart.Onboarding, karuzele i panele kart.Wybór i strony
- MotionListLista z danych, która animuje tylko to, co się zmieniło.Zadania, feedy, wyniki wyszukiwania i koszyki.Listy
- MotionReorderPrzeciągnij, by zmienić kolejność listy lub siatki, z obsługą klawiatury.Playlisty, tablice i rankingi.Listy
- MotionSwipeWiersz z akcjami odsłanianymi przesunięciem i opcjonalnym odrzuceniem przesunięciem.Wiersze skrzynki odbiorczej i elementy list z akcjami.Gesty
- MotionHoldNaciśnij i przytrzymaj, by potwierdzić destrukcyjną akcję; wczesne puszczenie cofa.Usuwanie, resetowanie, płacenie, wylogowanie ze wszystkich urządzeń.Gesty
- MotionSheetArkusz dolny, górny lub szuflada boczna z punktami zatrzymania, machnięciami i przekazywaniem przewijania.Filtry, menu, szczegóły i szuflady.Nakładki
- MotionZoomObraz powiększający się ze swojego miejsca na cały ekran; odciągnij go, by zamknąć.Galerie, zdjęcia produktów i obrazy w artykułach.Nakładki
- ProgressBar · ProgressRingKontrolowane paski i pierścienie postępu ze stanem nieokreślonym.Wysyłanie, pobieranie, kroki i limity.Postęp