Komponen
Enam belas ekspor untuk interaksi yang sulit dibuat sendiri. Pilih berdasarkan tugasnya; setiap halaman punya meja kerja langsung.
- MotionNumber · MotionTextAngka yang digitnya bergulir seperti roda, termasuk digit yang muncul atau hilang.Harga, total, penghitung, skor, dan pengatur waktu.Angka dan teks
- MotionStreamTeks mengalir yang ditampilkan dengan tempo stabil dan menyusul saat ada lonjakan.Jawaban AI, log, dan transkrip langsung.Angka dan teks
- MotionSwapKonten yang bertukar dengan crossfade sementara ukurannya mengikuti.Status tombol, pertukaran ikon, dari memuat ke selesai dimuat.Konten dan ukuran
- MotionHeightTinggi yang mengikuti kontennya: menciut, meluas, dan perubahan konten.Akordeon, detail, dan kartu yang meluas.Konten dan ukuran
- MotionPresenceMenjaga konten tetap terpasang saat beranimasi masuk dan keluar.Pemberitahuan, banner, dan pesan inline.Konten dan ukuran
- MotionHighlightTab, kontrol bersegmen, atau navigasi dari data, dengan satu sorotan yang berpindah ke pilihan.Tab, filter, kontrol bersegmen, dan navigasi.Pilihan dan halaman
- MotionPagerHalaman yang bisa digeser dari data: onboarding, carousel, dan panel tab.Onboarding, carousel, dan panel tab.Pilihan dan halaman
- MotionListDaftar dari data yang hanya menganimasikan yang berubah.Tugas, feed, hasil pencarian, dan keranjang.Daftar
- MotionReorderSeret untuk mengurutkan ulang daftar atau grid, dengan dukungan keyboard.Playlist, papan, dan daftar peringkat.Daftar
- MotionSwipeBaris dengan aksi yang muncul saat digeser dan opsi geser untuk membuang.Baris kotak masuk dan item daftar dengan aksi.Gestur
- MotionHoldTekan dan tahan untuk mengonfirmasi tindakan destruktif; melepas terlalu cepat memundurkannya.Hapus, atur ulang, bayar, keluar dari semua perangkat.Gestur
- MotionSheetSheet bawah, sheet atas, atau laci samping dengan detent, jentikan, dan serah terima gulir.Filter, menu, detail, dan laci.Overlay
- MotionZoomGambar yang membesar dari tempatnya ke layar penuh; seret menjauh untuk menutup.Galeri, foto produk, dan gambar dalam artikel.Overlay
- ProgressBar · ProgressRingBilah dan cincin progres terkendali dengan keadaan tak tentu.Unggahan, unduhan, langkah, dan kuota.Progres