Toast
Adapter React independente em que Ark UI e Zag gerenciam fila, live region, tempo, pausa e foco.
Design
Preview funcional
Executado pelo adapter independente Ark UI com comportamento Zag.
Carregando preview funcional…
Anatomia
Alterações salvas
Seu rascunho foi atualizado.
1 Icon · 2 Content · 3 Title · 4 Description · 5 Actions (Button ghost/sm) · 6 Close
Demo
Uso
Quando usar
- Uma ação concluída precisa de confirmação breve sem bloquear a tarefa.
- O feedback pode desaparecer sem remover informação necessária para continuar.
Quando não usar
- A mensagem exige decisão, confirmação crítica ou correção antes de continuar.
- O conteúdo precisa permanecer associado a um campo ou contexto específico da página.
Quando escolher esta saída
Adote este adapter em projetos que escolheram Ark UI e Zag como arquitetura comportamental. Não o importe dentro da saída shadcn/Base UI.
Implementação
- Status
- Beta
- Distribuição
- Adapter de source
Source do adapter
packages/react/src/ark/toast.jsx
import {
ToastRegion,
showToast,
} from '@tis/react/ark/toast'Acessibilidade
Acessibilidade
Acessibilidade
Success, warning e info são anunciados por uma região role="status". Error usa role="alert". O runtime não move foco; hover e foco pausam o timer; Escape dispensa o toast que contém o foco.
Responsabilidade da saída
Preserve a semântica Ark/Zag e valide Escape, interação externa, relações ARIA e retorno de foco.
Evidência de validação
Coberta pelo Storybook da saída independente e por verificações de browser, responsividade, teclado, Axe e bundle.