Drawer

New

Висувна панель з 4 сторін (left/right/top/bottom), ESC для закриття.

Import

import { Drawer } from '@brutal-ui/react';

Basic Usage

const [isOpen, setIsOpen] = useState(false);

<Button onClick={() => setIsOpen(true)}>
  Open Drawer
</Button>

<Drawer
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  position='left'
  title='Drawer Title'
>
  <p>Drawer content goes here...</p>
</Drawer>

Props

Prop	Type	Default	Description
isOpen	boolean	-	Open/closed state
onClose	function	-	Close handler
position	string	"right"	left \| right \| top \| bottom
size	string	"md"	sm \| md \| lg \| xl