Overview

The goal, scope, and main ideas behind this page. A rail answers three questions at a glance: where am I, what is nearby, and where can I go. Everything else is decoration.

Interaction

How the component responds to hover, focus, and scroll. A rail answers three questions at a glance: where am I, what is nearby, and where can I go. Everything else is decoration.

Motion

Direct scroll progress, no bounce, no ambient animation. A rail answers three questions at a glance: where am I, what is nearby, and where can I go. Everything else is decoration.

Accessibility

Labels on focus, aria-current, and reduced-motion support. A rail answers three questions at a glance: where am I, what is nearby, and where can I go. Everything else is decoration.

Package managernpm

npx shadcn@latest add @sona-ui/section-rail