Nav Rail

App side rail on paper: icon+label rows, active accent wash (no side bar), optional collapsed icons-only mode. Shell navigation, not mega menus. Items may use href for real routing.

Draw

draw a card

$npx shadcn@latest add @clow/nav-rail

First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}

Full setup →

Playground

props

title

collapsed

<NavRail />

Examples

basic

open · deck

Props

prop	type	default
title	text	Clow
collapsed	boolean	false