NeoTerm UI

Drawer

A slide-in panel from the left or right edge.

Import

import { Drawer } from "neoterm-ui";

Usage

<Drawer open={open} onClose={() => setOpen(false)} title="Settings" side="right">
  <p>Drawer content here</p>
</Drawer>

Props

PropTypeDefaultDescription
openbooleanWhether the drawer is visible.
onClose() => voidClose callback.
side"left" | "right""right"Which edge the drawer slides from.
titlestringDrawer header title.
widthstring"w-80"Tailwind width class.
childrenReactNodeDrawer body.