Komponenten
Sechzehn Exporte für Interaktionen, die von Hand schwer zu bauen sind. Wähle nach Aufgabe; jede Seite hat eine Live-Werkbank.
- MotionNumber · MotionTextEine Zahl, deren Stellen wie Räder rollen – auch Stellen, die hinzukommen oder wegfallen.Preise, Summen, Zähler, Punktestände und Timer.Zahlen und Text
- MotionStreamGestreamter Text, gleichmäßig eingeblendet, der bei Schüben aufholt.KI-Antworten, Logs und Live-Transkripte.Zahlen und Text
- MotionSwapInhalt, der überblendet, während seine Größe mitgeht.Button-Zustände, Icon-Wechsel, von „lädt“ zu „geladen“.Inhalt und Größe
- MotionHeightHöhe, die ihrem Inhalt folgt: Ein- und Ausklappen sowie Inhaltsänderungen.Akkordeons, Details und aufklappbare Karten.Inhalt und Größe
- MotionPresenceHält Inhalt gemountet, während er ein- und ausblendet.Hinweise, Banner und Inline-Meldungen.Inhalt und Größe
- MotionHighlightTabs, Segmented Controls oder Navigation aus Daten, mit einer Hervorhebung, die zur Auswahl wandert.Tabs, Filter, Segmented Controls und Navigation.Auswahl und Blättern
- MotionPagerWischbare Seiten aus Daten: Onboarding, Karussells und Tab-Panels.Onboarding, Karussells und Tab-Panels.Auswahl und Blättern
- MotionListEine Liste aus Daten, die nur das Geänderte animiert.Todos, Feeds, Suchergebnisse und Warenkörbe.Listen
- MotionReorderZum Umsortieren einer Liste oder eines Rasters ziehen, mit Tastaturunterstützung.Playlists, Boards und Ranglisten.Listen
- MotionSwipeEine Zeile mit Aktionen per Wischen und optionalem Wegwischen.Posteingangszeilen und Listeneinträge mit Aktionen.Gesten
- MotionHoldGedrückt halten, um eine destruktive Aktion zu bestätigen; zu frühes Loslassen spult zurück.Löschen, zurücksetzen, bezahlen, überall abmelden.Gesten
- MotionSheetEin Bottom Sheet, Top Sheet oder seitliche Schublade mit Rastpunkten, Flicks und Übergabe ans Scrollen.Filter, Menüs, Details und Schubladen.Overlays
- MotionZoomEin Bild, das von seinem Platz auf Vollbild zoomt; zum Schließen wegziehen.Galerien, Produktfotos und Bilder in Artikeln.Overlays
- ProgressBar · ProgressRingKontrollierte Fortschrittsbalken und -ringe mit unbestimmtem Zustand.Uploads, Downloads, Schritte und Kontingente.Fortschritt