Section Rail

A compact navigation rail that tracks the reader's position through a long page, revealing labels and editorial context cards on hover and focus.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

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

Files

• src/registry/sonaui/section-rail/section-rail.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• Table Of Contents Components
• React Table Of Contents Components
• Tailwind CSS Table Of Contents Components
• Animated Table Of Contents Components

More from Sona UI

• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton
• Button