Componentes
Dezesseis exports para as interações difíceis de construir à mão. Escolha pelo que cada um faz; toda página tem uma bancada ao vivo.
- MotionNumber · MotionTextUm número cujas casas rolam como rodas, inclusive casas que aparecem ou somem.Preços, totais, contadores, placares e cronômetros.Números e texto
- MotionStreamTexto em streaming exibido em ritmo constante, que alcança as rajadas.Respostas de IA, logs e transcrições ao vivo.Números e texto
- MotionSwapConteúdo que faz crossfade enquanto o tamanho acompanha.Estados de botão, troca de ícones, de carregando a carregado.Conteúdo e tamanho
- MotionHeightAltura que acompanha o conteúdo: recolher, expandir e mudanças de conteúdo.Acordeões, detalhes e cards expansíveis.Conteúdo e tamanho
- MotionPresenceMantém o conteúdo montado enquanto ele entra e sai animado.Avisos, banners e mensagens inline.Conteúdo e tamanho
- MotionHighlightAbas, controles segmentados ou navegação a partir de dados, com um destaque que viaja até a seleção.Abas, filtros, controles segmentados e navegação.Seleção e paginação
- MotionPagerPáginas deslizáveis a partir de dados: onboarding, carrosséis e painéis de abas.Onboarding, carrosséis e painéis de abas.Seleção e paginação
- MotionListUma lista a partir de dados que anima só o que mudou.Tarefas, feeds, resultados de busca e carrinhos.Listas
- MotionReorderArraste para reordenar uma lista ou grade, com suporte a teclado.Playlists, quadros e rankings.Listas
- MotionSwipeUma linha com ações reveladas ao deslizar e descarte opcional ao deslizar.Linhas de caixa de entrada e itens de lista com ações.Gestos
- MotionHoldPressione e segure para confirmar uma ação destrutiva; soltar antes volta atrás.Apagar, redefinir, pagar, sair de todos os dispositivos.Gestos
- MotionSheetUm bottom sheet, top sheet ou gaveta lateral com pontos de parada, gestos rápidos e passagem para a rolagem.Filtros, menus, detalhes e gavetas.Sobreposições
- MotionZoomUma imagem que amplia do lugar até a tela cheia; arraste para fechar.Galerias, fotos de produtos e imagens em artigos.Sobreposições
- ProgressBar · ProgressRingBarras e anéis de progresso controlados, com estado indeterminado.Uploads, downloads, etapas e cotas.Progresso