Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/drawer. OddApp tokens are applied via globals.css @theme. All token rules still apply.

Drawer

Bottom-sheet style slide-up panel (mobile-first).

Default

Import and render this component in your app using the snippet below.

import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle } from '@/components/ui/drawer'

<Drawer>
  <DrawerTrigger>Open drawer</DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Drawer title</DrawerTitle>
    </DrawerHeader>
  </DrawerContent>
</Drawer>