Mensagens de status

Status Alert Banner

Um banner com borda que combina um ícone com um título e uma descrição opcional para exibir um estado de sucesso ou erro in-line.

Success! Your changes have been saved

This is an alert with a title and description.

Deploy failed on the production branch

Check that the deploy key still has repository access.
Confirm the build command matches the project settings.
Retry the sync once the above are fixed.

Como usar Status Alert Banner

Um banner com borda que combina um ícone com um título e uma descrição opcional para exibir um estado de sucesso ou erro in-line.

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: variant, title, description, accentColor

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

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.

1937Click ripple burstMensagens de statusUm efeito de feedback de ponteiro que gera uma breve forma animada exatamente onde o usuário clica ou toca.

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.

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.

1945Count badge clusterMensagens de statusUma fileira de comprimidos de palavras e tokens numéricos compactos para rotular ou contar coisas em linha.

2138Curtain line loaderMensagens de statusUma cortina de carregamento que se esconde atrás de uma linha brilhante, mostrando o conteúdo final em vez de esmaecê-lo.