Component

Drawer

The Drawer component is a versatile sliding panel that appears from the edge of the screen, providing users with access to additional content or navigation options without disrupting the current view. It is ideal for menus, filters, settings, or any supplementary information that needs to be accessible but not always visible.

In our design system, the Drawer component offers customizable options for placement (left, right, top, or bottom), size, and behavior, such as modal or persistent states. It supports smooth transitions and can include features like headers, footers, and close controls for enhanced usability.

Foundations

Components