Built on the Base UI DrawerPreview. Provides accessible slide-in panels with swipe-to-dismiss support.
<Drawer>
<DrawerTrigger render={<Button />}>
Open Drawer
</DrawerTrigger>
<DrawerContent>
<DrawerHeader>
<DrawerTitle>Drawer Title</DrawerTitle>
<DrawerDescription>Drawer description.</DrawerDescription>
</DrawerHeader>
<p>Drawer content</p>
<DrawerFooter>
<DrawerClose render={<Button />}>Close</DrawerClose>
</DrawerFooter>
</DrawerContent>
</Drawer>
Root drawer component for slide-in panels.