Drawer
OrganismEkranın kenarından süzülen panel. Sol / sağ taraf seçeneği, odak yönetimi ve Escape kapatma dahildir.
Settings
Drawer content goes here.
const [open, setOpen] = useState(false);
<Button variant="outline" onClick={() => setOpen(true)}>Open Drawer</Button>
<Drawer open={open} onClose={() => setOpen(false)} title="Settings" side="right"
footer={<><Button variant="outline">Cancel</Button><Button variant="primary">Save</Button></>}>
<p>Drawer content goes here.</p>
</Drawer>Settings
Drawer content goes here.
<Drawer open={open} onClose={() => setOpen(false)} title="Navigation" side="left">...</Drawer>