Drawer

A slide-out panel that can appear from any edge of the screen.

Basic Bottom Drawer

The default drawer slides up from the bottom of the screen. Commonly used for mobile navigation and action sheets.

Direction Variants

Drawers can slide in from any edge of the screen.

Size Variants

Left and right drawers support size variants to control their width.

Navigation Example

A common use case for drawers is mobile navigation menus.

Scrollable Content

Drawers with long content automatically handle overflow.

Open Markdown
ProDrawer

Mobile-first anchored panels.

Proa UI Pro component source is proprietary and requires an accepted Proa UI Pro Commercial License Agreement. Subject to that agreement, the self-serve license includes the limited commercial Proa framework rights needed to use Proa UI Pro in closed-source products.

View Pro pricing

Drawer source

Source from the Proa UI Pro release licensed to your organization.

Source

Install with the Proa CLIPro access
proa ui add drawer

Requires an active Proa UI Pro license and access to the private component registry.

CLI and registry setup

Search

Type at least 2 characters

Customize

Make it yours

Palette

Radius

Overview
Components
Settings

Build your own

Themed Proa UI surface

Preview
Components52
RecipesTyped
customer-portal