Class name Type
drawer Component Container element
drawer-toggle Component For checkbox element that controls the drawer
drawer-content Component The content container
drawer-side Component The sidebar container
drawer-overlay Component The label covers the content when drawer is open
drawer-mobile Utility Makes drawer to open/close on mobile but will be always visible on desktop
Examples
sliding drawer menu
Preview
HTML
sliding drawer for mobile only
Preview
HTML
Menu can be toggled on mobile size.
Resize the browser to see fixed sidebar on desktop size
navbar menu for desktop + drawer for mobile
Preview
HTML