Componente

Drawer

Gaveta inferior arrastável (Vaul). Ideal para fluxos em mobile; alça em hairline.

tsx

import {
  Drawer, DrawerTrigger, DrawerContent, DrawerHeader,
  DrawerTitle, DrawerDescription, DrawerFooter, DrawerClose,
} from "@bte/ui/drawer";

<Drawer>
  <DrawerTrigger asChild><Button variant="outline">Abrir gaveta</Button></DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Confirmar presença</DrawerTitle>
      <DrawerDescription>Arraste para baixo para fechar.</DrawerDescription>
    </DrawerHeader>
    <DrawerFooter>
      <Button size="sm">Confirmar</Button>
      <DrawerClose asChild><Button variant="ghost" size="sm">Agora não</Button></DrawerClose>
    </DrawerFooter>
  </DrawerContent>
</Drawer>