Pular para o conteúdo
Fieldbook
Menu
Entrar
PT-BR

Mensagens de status

Stacked notification tray

Uma pilha de cartões de notificação em estilo de telefone que se espalha em uma lista legível quando tocada e se transforma em um único baralho.

Como usar Stacked notification tray

Uma pilha de cartões de notificação em estilo de telefone que se espalha em uma lista legível quando tocada e se transforma em um único baralho.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: count, accent, startExpanded, collapsedOffset, stagger

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

Stacked notification drawer
2055Stacked notification drawerMensagens de statusUma pilha compacta de cartões de notificação que se esconde atrás do cartão superior até pairar e, em seguida, se espalha em uma lista totalmente legível antes de voltar ao normal.
Toast stack
1546Toast stackMensagens de statusUma pilha de notificações de canto onde as torradas mais antigas ficam atrás das mais novas, apontando para elas, formando uma lista, e cada uma drena um fio de cabelo antes de sair.
Breathing dot loader
2117Breathing dot loaderMensagens de statusPontos que permanecem parados e respiram em vez de se moverem, inchando e escurecendo, de modo que a linha parece um batimento cardíaco lento.
Click ripple burst
1937Click ripple burstMensagens de statusUm efeito de feedback de ponteiro que gera uma breve forma animada exatamente onde o usuário clica ou toca.
Click spark burst
2122Click spark burstMensagens de statusCada pressão lança um anel de linhas curtas a partir do ponto exato de contato, cada uma se esticando e encolhendo até virar nada enquanto voa.
Content Loading Card
2129Content Loading CardMensagens de statusUm espaço reservado em forma de cartão que respira com um pulso lento de opacidade enquanto um grande bloco de imagem e duas linhas de texto ainda estão sendo carregados.