Aspyn

Drawer

Touch-first bottom sheet (Vaul).

shadcn/ui · new-york-v4 · synced Sep 1, 2026shadcn/uinew-york-v4 · synced Sep 1, 2026
SourceMarkdown

Installation

import {
  Drawer,
  DrawerTrigger,
  DrawerContent,
  DrawerHeader,
  DrawerTitle,
  DrawerDescription,
  DrawerFooter,
  DrawerClose,
} from "@aspyn-io/kit";

Bottom drawer

Built on Vaul: swipe-to-dismiss and background scaling on touch. Use Drawer on mobile where Dialog would feel cramped.

Notes

  • Responsive pattern: Dialog on desktop, Drawer on mobile: switch on a media query.
  • Sheet slides from screen edges for desktop side panels; Drawer is the touch-first bottom sheet.