Ascend
Ascend
Docs
Design SystemComponents

Dialog

Overlay modal opaco, sombra tokenizada e tipografia técnica.

Import: import { Dialog, DialogTrigger, DialogContent, … } from "@ascend/ui/dialog"

Demo

Superfície (preview estático)

Título do dialog

Mesmo contrato visual do conteúdo modal: hairline, padding denso, sem rgba hardcoded.

Contrato

  • Overlay bg-black/50 (menos pesado)
  • Shadow --shadow-lg, borda hairline, raio --radius
  • Título text-base / 600; close com foco hairline
  • Sem ring-offset largo no botão fechar

Card

Superfície flat, tipografia técnica e hover quase imperceptível.

Sheet

Painel lateral com o mesmo contrato de overlay do Dialog.

On this page

DemoSuperfície (preview estático)Contrato