Alerts
Default Alerts
Hi!A simple primary alert — confira.
How are you!A simple secondary alert — confira.
Yey!Tudo funcionou corretamente.
Something is very wrong!Verifique os dados informados.
Uh oh!Algo precisa de atenção.
Don't forget!Uma informação importante.
Mind your step!Alerta em tema claro.
Did you know?Alerta em tema escuro.
Borderless Alerts
BorderlessAlerta sem borda externa.
Dismissing Alerts
Pode fecharO botão de fechamento altera o estado do componente.
Link Color Alerts
Link colorConsulte a documentação de Alerts.
Live Alert Example
Alerta ao vivoEste alerta pode ser removido sem recarregar a página.
Outline Alerts
OutlineAlerta com aparência outline.
Left Border Alerts
Left borderBorda lateral preservada do Velzon.
Label Icon Alerts
Additional Content Alerts
Additional content
Detalhes complementares.
Conteúdo adicional do alerta.
Detalhes complementares.
Top Border with Outline Alerts
Top borderBorda superior com estilo outline.
Label Icon Arrow Alerts
Rounded Label Icon Alerts
Solid Alerts
Solid alertAlerta com fundo sólido.