Sidebar

A composable, themeable, collapsible sidebar component.

Try the rail. Hover the divider on the sidebar's right edge — the cursor becomes a resize handle and the line highlights. Click it to collapse or expand, drag it to resize, or press ⌘ / Ctrl + B.

Collapsible modes

Each demo below has its own rail. Click or drag it, or use the trigger in the header.

Collapses to icons
Slides fully off-canvas
Inset card with its own border
Rail on the left edge, e-resize cursor
Open Markdown
ProSidebar

Full application shell navigation.

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

Sidebar source

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

Source

Install with the Proa CLIPro access
proa ui add sidebar

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