Drawer

30

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.

Looking into how the

Drawer

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Drawer

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Drawer

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%