Componentes
Dieciséis exports para las interacciones difíciles de construir a mano. Elige uno por lo que hace; cada página tiene un banco de pruebas en vivo.
- MotionNumber · MotionTextUn número cuyas cifras ruedan como ruedas, incluidas las que aparecen o desaparecen.Precios, totales, contadores, marcadores y temporizadores.Números y texto
- MotionStreamTexto en streaming mostrado a un ritmo constante que se pone al día con las ráfagas.Respuestas de IA, logs y transcripciones en vivo.Números y texto
- MotionSwapContenido que hace un fundido cruzado mientras su tamaño lo acompaña.Estados de botón, cambios de icono, de cargando a cargado.Contenido y tamaño
- MotionHeightAltura que sigue a su contenido: plegar, desplegar y cambios de contenido.Acordeones, detalles y tarjetas que se expanden.Contenido y tamaño
- MotionPresenceMantiene el contenido montado mientras entra y sale animado.Avisos, banners y mensajes en línea.Contenido y tamaño
- MotionHighlightPestañas, controles segmentados o navegación a partir de datos, con un resaltado que viaja hasta la selección.Pestañas, filtros, controles segmentados y navegación.Selección y paginación
- MotionPagerPáginas deslizables a partir de datos: onboarding, carruseles y paneles de pestañas.Onboarding, carruseles y paneles de pestañas.Selección y paginación
- MotionListUna lista a partir de datos que anima solo lo que cambió.Tareas, feeds, resultados de búsqueda y carritos.Listas
- MotionReorderArrastra para reordenar una lista o una cuadrícula, con soporte de teclado.Listas de reproducción, tableros y rankings.Listas
- MotionSwipeUna fila con acciones que se revelan al deslizar y descarte opcional al deslizar.Filas de una bandeja de entrada y elementos de lista con acciones.Gestos
- MotionHoldMantén pulsado para confirmar una acción destructiva; si sueltas antes, retrocede.Borrar, restablecer, pagar, cerrar sesión en todos los dispositivos.Gestos
- MotionSheetUna hoja inferior, una hoja superior o un cajón lateral con posiciones de anclaje, gestos rápidos y paso al scroll.Filtros, menús, detalles y cajones.Superposiciones
- MotionZoomUna imagen que se amplía desde su sitio a pantalla completa; arrástrala para cerrarla.Galerías, fotos de producto e imágenes en artículos.Superposiciones
- ProgressBar · ProgressRingBarras y anillos de progreso controlados con estado indeterminado.Subidas, descargas, pasos y cuotas.Progreso