Ascend
Ascend
Docs
Design SystemComponents

Sheet

Painel lateral com o mesmo contrato de overlay do Dialog.

Import: import { Sheet, SheetTrigger, SheetContent, … } from "@ascend/ui/sheet"

Demo

Superfície (preview estático)

Filtros

Painel lateral com hairline, sombra tokenizada e tipografia alinhada ao Dialog.

Contrato

  • Mesmos tokens de elevação/borda do Dialog
  • Motion --motion-slow na abertura
  • Sides: top | bottom | left | right (default right)
  • Tipografia alinhada ao Card/Dialog

Dialog

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

Select

Trigger alinhado ao Input; menu com hairline e labels overline.

On this page

DemoSuperfície (preview estático)Contrato