Navigation · Page 2

RTL VerifiedLTR Verified Navigation

Icon Rail with Tooltips

As narrow as it gets — the label appears on hover and focus

Intermediate Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Nested Sidebar

Groups that expand and collapse — one open at a time

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Sidebar with Pinned Items

Pin what you use daily to the top — and it stays pinned

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Sidebar with User Menu

A menu that closes on outside click and on Escape

Intermediate Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Sidebar with Progress Meters

Each section carries a computed meter, announced to screen readers

Intermediate Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Searchable Sidebar

Arabic-normalized search filters items instantly

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Sidebar Shell

Three regions and two states — the content slot is yours to fill

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Split Rail with Context Panel

An icon column that swaps the contents of the panel beside it

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Sidebar with Workspace Switcher

Switching the client swaps the whole navigation

Advanced Sidebars

Code Prompt

RTL VerifiedLTR Verified Navigation

Tabs

The library's first true tabs — tab and panel bound in both directions, selection follows focus, and the arrows read the computed direction

Intermediate Tabs

Code Prompt

RTL VerifiedLTR Verified Navigation

Table of Contents

Two levels read from the article's headings — the current one follows the reading

Intermediate Navigation patterns

Code Prompt

RTL VerifiedLTR Verified Navigation

Tooltip

A description bound to its trigger, shown on hover and on focus alike — it describes, it never names

Intermediate Tooltip

Code Prompt