Lumina

Component · Container

Drawer

Bottom sheet com drag-to-dismiss. Padrão iOS/Android. Use em mobile pra ações secundárias confortáveis com o polegar.

vaulsource

Import

import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerFooter, DrawerClose } from "@nimbuslab/lumina/components/drawer"

Default

Código

TSX

Quando NÃO usar

Em desktop, prefira Sheet ou Dialog. Drawer é mobile-first; em telas grandes, o handle de arrastar fica deslocado.