Компоненти
Шістнадцять експортів для взаємодій, які важко побудувати вручну. Обирайте за завданням; на кожній сторінці є живий стенд.
- MotionNumber · MotionTextЧисло, розряди якого крутяться як коліщатка, зокрема розряди, що з’являються й зникають.Ціни, суми, лічильники, рахунки й таймери.Числа й текст
- MotionStreamПотоковий текст, що розкривається в рівному темпі й наздоганяє сплески.Відповіді AI, логи й живі розшифровки.Числа й текст
- MotionSwapВміст, що плавно змінюється, поки розмір підлаштовується.Стани кнопок, зміна іконок, перехід від завантаження до результату.Вміст і розмір
- MotionHeightВисота, що йде за вмістом: згортання, розгортання й зміни вмісту.Акордеони, подробиці й картки, що розгортаються.Вміст і розмір
- MotionPresenceТримає вміст змонтованим, поки він анімовано з’являється й іде.Сповіщення, банери й вбудовані повідомлення.Вміст і розмір
- MotionHighlightВкладки, сегментовані перемикачі чи навігація з даних — з одним підсвічуванням, що переміщується до вибраного.Вкладки, фільтри, сегментовані перемикачі й навігація.Вибір і сторінки
- MotionPagerСторінки з даних, що гортаються: онбординг, каруселі й панелі вкладок.Онбординг, каруселі й панелі вкладок.Вибір і сторінки
- MotionListСписок із даних, що анімує лише змінене.Завдання, стрічки, результати пошуку й кошики.Списки
- MotionReorderПерестановка списку чи сітки перетягуванням, із підтримкою клавіатури.Плейлисти, дошки й рейтинги.Списки
- MotionSwipeРядок із діями, що відкриваються свайпом, і необов’язковим видаленням свайпом.Рядки вхідних і елементи списків із діями.Жести
- MotionHoldНатисніть і втримуйте, щоб підтвердити руйнівну дію; раннє відпускання відкочує назад.Видалити, скинути, оплатити, вийти на всіх пристроях.Жести
- MotionSheetНижня чи верхня шторка або бічна панель із точками зупинки, змахами й передаванням прокручування.Фільтри, меню, подробиці й бічні панелі.Оверлеї
- MotionZoomЗображення, що збільшується зі свого місця на весь екран; відведіть його вбік, щоб закрити.Галереї, фото товарів і зображення в статтях.Оверлеї
- ProgressBar · ProgressRingКеровані смуги й кільця прогресу з невизначеним станом.Вивантаження, завантаження, кроки й квоти.Прогрес