Size
Side
Overlay Effect
Title
Dismissable
Show Close Button
Basic Drawer
A slide-out panel that can be anchored to any side of the viewport or element.
Navigation Drawer
A common use case for drawers is navigation menus, especially on mobile devices.
Settings Drawer
Drawers work well for settings panels and configuration options.
Top/Bottom Drawers
Drawers can also slide in from the top or bottom, useful for notifications or quick actions.