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