Componentes — 14

Toast

Feedback transitório para confirmações, erros e eventos de sistema sem deslocar o conteúdo principal.

14.1

Feedback curto

Use Toast para respostas imediatas de ações como salvar, copiar, enviar ou falhar uma requisição.

Fila visual

Salvo

Alterações publicadas no design system.
<ToastViewport>
  <Toast variant="success" title="Salvo">Alterações publicadas.</Toast>
</ToastViewport>
14.2

Contrato

A primeira versão é composicional. Um provider global pode ser adicionado depois se o produto precisar de fila programática.

variantinfo | success | warning | errorDefine semântica visual e role
titlestringTítulo curto da notificação
actionReactNodeAção contextual opcional
dismissiblebooleanExibe botão de fechamento
ToastViewportcomponentAgrupa notificações em uma região visual