# Drawer

A temporary side surface for focused work.

- ID: `drawer`
- Import: `animui/drawer`
- Category: Disclosure
- Runtime exports: `Drawer`, `DrawerClose`, `DrawerContent`, `DrawerTrigger`, `default`, `useDrawerItem`
- Declaration: `types/free/components/drawer.d.ts`
- Type provenance: emitted-original-typescript
- Related: dialog, bottom-sheet, popover, button

```tsx
import { Drawer } from 'animui/drawer';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info drawer` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Drawer, DrawerClose, DrawerContent, DrawerTrigger, default, useDrawerItem } from '../registry/components/drawer/drawer.js';
export type { DrawerContentProps } from '../registry/components/drawer/drawer.js';
```