Primitiveoverlay

Dialog

Stable

Overlay modal com trigger, título, descrição, corpo rolável, rodapé e fechamento. Composto sobre Base UI Dialog e sobre o Button do Up Web DS.

Instalação

npx up-web-ds add dialog

Gera close para a biblioteca de ícones do projeto (components.json → iconLibrary).

Preview

Default

Destructive

With Form

Scrollable Content

Without Close Button

With Status

All states

Default

Destructive

With Form

Scrollable Content

Without Close Button

With Status

Metadata

Classificação

Layer: Primitive
Domínio: Domain-free (compartilhado)
Categoria: overlay
Status: Stable

Origem e distribuição

Fonte: shadcn registry / dialog
Licença: MIT
URL: https://ui.shadcn.com/r/styles/base-vega/dialog.json
Distribuição: Interna

Acessibilidade

Teclado: revisado
Leitor de tela: revisado
Touch: revisado
Reduced motion: revisado

Teclado e leitor de tela verificados por teste: abre pelo trigger e pelo teclado, fecha com Escape e por DialogClose, e é nomeado/descrito por DialogTitle e DialogDescription. Touch verificado em viewport de 375px com emulação de toque: alvos de 32x32 (fechar) e 293x36 (ação do rodapé), acima do mínimo de 24x24 da WCAG 2.2 SC 2.5.8; abrir, rolar o corpo, fechar pela ação e descartar pelo backdrop funcionam por toque. Reduced motion verificado com prefers-reduced-motion: reduce: os tokens colapsam para 1ms/0px e a animação do popup e do backdrop mede 0.001s, sem perder o fechamento.

Dependências

Pacotes: @base-ui/react
Ícones: close
Construído sobre: Button
Usado por: Nenhum ainda