Drawer

Drawer is a navigational panel that slides in from the edge of the screen, overlaying the main content. It provides a space for secondary content, actions, or navigation links, ensuring the main content remains uninterrupted.

Drawers are usually triggered by a user action, such as clicking a button or swiping. They can be dismissed by interacting with the main content, closing the drawer manually, or sometimes, selecting an item within the drawer. Used effectively, a Drawer provides an organized, space-efficient method to navigate or access additional content without cluttering the primary interface, thus enhancing the user experience.

Drawer

in Design Systems