@zedtech/zedkit-ui
Slide in a drawer panel
@zedtech/zedkit-ui — alpha
alpha
At a glance
- Who: Developers showing detail views beside a list without navigation.
- What: Slide-in panels (right-side detail on desktop, bottom sheet on mobile).
- Use when: For list-detail previews and short side forms.
- Avoid when: For multi-step flows — use a full page or wizard instead.
- See also: Open modal dialogs, Show key-value details and a live indicator
Preview
@zedtech/zedkit-ui — Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerFooter, DrawerHandle, DrawerClose, DrawerOverlay, DrawerPortal
Install
pnpm add @zedtech/zedkit-uiLatest: 0.3.0 (via changesets).
Example
import { Button, Drawer, DrawerClose, DrawerContent, DrawerTitle, DrawerTrigger } from "@zedtech/zedkit-ui";
<Drawer direction="right"> // right = admin detail panel (full-width on mobile); default bottom + DrawerHandle for sheets
<DrawerTrigger asChild><Button>Open</Button></DrawerTrigger>
<DrawerContent><DrawerClose asChild><Button>Close</Button></DrawerClose><DrawerTitle>Details</DrawerTitle></DrawerContent>
</Drawer>Wraps: vaul