Get Started
Components
Components
- Button
- Text
- Badge
- Avatar
- Card
- Separator
- Skeleton
- Aspect Ratio
- Input
- Textarea
- Label
- Checkbox
- Switch
- Radio Group
- Slider
- Select
- Input OTP
- Toggle
- Alert
- Toast
- Progress
- Spinner
- Empty
- Dialog
- Alert Dialog
- Sheet
- Drawer
- Popover
- Tooltip
- Dropdown Menu
- Accordion
- Collapsible
- Tabs
- Breadcrumb
- Pagination
- Table
- Carousel
- Calendar
- Bubble
- Marker
- Message
- Message Scroller
- GhostUIProvider
Installation
npx ghost-ui-native add drawerUsage
import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle } from '@/components/ui/drawer';<Drawer open={open} onOpenChange={setOpen} side="right">
<DrawerTrigger asChild>
<Button variant="outline">Menu</Button>
</DrawerTrigger>
<DrawerContent>
<DrawerHeader>
<DrawerTitle>Navigation</DrawerTitle>
</DrawerHeader>
</DrawerContent>
</Drawer>