Drawer

Side drawer that slides in from the left or right and shows when its path value matches the if condition, with responsive widths

Live preview

Open in new tab ↗
  • if {String} condition, it's compared with the value within of path
  • align {String} alignment (default: left)
  • NEW: width {Number} a default width (default: 250)
  • NEW: widthlg {Number} optional, width for large displays
  • NEW: widthmd {Number} optional, width for medium displays
  • NEW: widthsm {Number} optional, width for small displays
  • NEW: widthxs {Number} optional, width for extra small displays

More UI components

Browse all 348