Drawer
Display content inside a sliding panel that appears from any edge of the viewport with configurable size, position, overlay, and styling.
Import
import { Drawer } from "@shivms/ui";Open each example to explore different drawer positions, sizes, variants, radius options, overlay behavior, and disabled state.
Basic
Default
Positions
Left
Right
Top
Bottom
Sizes
Extra Small
Small
Medium
Large
Extra Large
Full
Variants
Default
Filled
Outlined
Radius
None
Small
Medium
Large
Overlay
Enabled
Disabled
States
Default
Disabled