Sidebar Nav

Pro

A resizable app sidebar that snaps to an icon-only rail.

Recent activity

Q3 roadmap shared
Priya published the Q3 roadmap to Projects: 6 initiatives, 3 owners.
Deploy succeeded
main was published to production in 41s with zero failed checks.
New signup
Kenji Ito joined the Fieldstone workspace as an Editor.
Weekly report ready
Your Analytics digest for last week is ready to review.

Drag the sidebar’s right edge to resize it, or drag it to the edge to collapse. Click the hamburger icon to toggle the icon rail, then hover an icon to see its label. Switch to “Mobile” to see the same toggle open a slide-in drawer instead.

This component installs from the private registry, which opens with Pro. The command and the one-time setup are shown here once your licence key is in this browser.

6 sections, and every other premium component

The preview above is the real Sidebar Nav, running. One purchase opens the sections above on this page and on every other component in the library.

Sidebar Nav

Installation

UsageThe import line, a working usage snippet, and the packages it needs.Locked. Opens the Pro checkout.

Why it existsWhy the component exists, and the problem it was built to solve.Locked. Opens the Pro checkout.

Design decisionsEvery design decision in it, and what each one was weighed against.Locked. Opens the Pro checkout.

AccessibilityThe accessibility notes, each one checkable against the source.Locked. Opens the Pro checkout.

PropsThe full props table: types, defaults, and which ones are required.Locked. Opens the Pro checkout.

SourceThe complete source file, ready to paste.Locked. Opens the Pro checkout.

6 sections, and every other premium component