Drawer API
Drawer is a client-only panel for settings, filters, navigation, and CMS editing surfaces.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- DrawerSide panel examples for CMS and dashboard flows.
Preview
Import
import { Drawer, DrawerContent, DrawerHeader } from "@axonyx/react/client";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | required | Controlled open state. |
| onOpenChange | (value: boolean) => void | required | Called when the drawer should open or close. |
| side | "left" | "right" | "bottom" | "right" | Drawer placement. |
CSS contract
.ax-drawer .ax-drawer__backdrop .ax-drawer__panel .ax-drawer__header .ax-drawer__title .ax-drawer__description .ax-drawer__content [data-side]