Componenten
Zestien exports voor de interacties die moeilijk met de hand te bouwen zijn. Kies er een op de taak die het doet; elke pagina heeft een live werkbank.
- MotionNumber · MotionTextEen getal waarvan de cijfers rollen als wieltjes, ook cijfers die verschijnen of verdwijnen.Prijzen, totalen, tellers, scores en timers.Getallen en tekst
- MotionStreamGestreamde tekst die in een gelijkmatig tempo wordt onthuld en stoten bijbeent.AI-antwoorden, logs en live transcripties.Getallen en tekst
- MotionSwapInhoud die overvloeit terwijl de grootte meegaat.Knopstatussen, icoonwissels, van laden naar geladen.Inhoud en grootte
- MotionHeightHoogte die de inhoud volgt: inklappen, uitklappen en inhoudswijzigingen.Accordeons, details en uitklapbare kaarten.Inhoud en grootte
- MotionPresenceHoudt inhoud gemount terwijl die in- en uitanimeert.Meldingen, banners en inline berichten.Inhoud en grootte
- MotionHighlightTabs, segmented controls of navigatie uit data, met één markering die naar de selectie verhuist.Tabs, filters, segmented controls en navigatie.Selectie en pagina's
- MotionPagerVeegbare pagina's uit data: onboarding, carrousels en tabpanelen.Onboarding, carrousels en tabpanelen.Selectie en pagina's
- MotionListEen lijst uit data die alleen animeert wat veranderde.Taken, feeds, zoekresultaten en winkelwagens.Lijsten
- MotionReorderSleep om een lijst of raster te herordenen, met toetsenbordondersteuning.Afspeellijsten, borden en ranglijsten.Lijsten
- MotionSwipeEen rij met acties onder een veeg en optioneel wegvegen.Rijen in een inbox en lijstitems met acties.Gebaren
- MotionHoldHoud ingedrukt om een destructieve actie te bevestigen; vroeg loslaten spoelt terug.Verwijderen, resetten, betalen, overal uitloggen.Gebaren
- MotionSheetEen bottom sheet, top sheet of zijlade met stoppunten, zwiepen en scroll-overdracht.Filters, menu's, details en lades.Overlays
- MotionZoomEen afbeelding die vanaf haar plek naar volledig scherm zoomt; sleep haar weg om te sluiten.Galerijen, productfoto's en afbeeldingen in artikelen.Overlays
- ProgressBar · ProgressRingGecontroleerde voortgangsbalken en -ringen met een onbepaalde status.Uploads, downloads, stappen en quota.Voortgang