ns-ui
Tabs whose active indicator is one continuous SVG rail running under the entire row like railway track — selecting a tab throws the points, bending a raised siding segment off the base line so it travels to the new tab instead of a puck jumping between slots.
Use when Pick this when the tab switch itself should carry spatial memory of the route taken — one rail spans the whole row and a raised siding bends to the new tab, so the bend briefly shows where selection came from. Reach for tabs-notch-tenon instead when the indicator should read correctly at rest with zero motion (a physical notch/tenon joint, no travel to watch), or tabs-carriage when you want a lighter, purely-floating underline with return-direction personality rather than full-width track geometry.
Install
npx shadcn add https://design.helpmarq.comns-ui / tabs-rail-points — the indicator is one rail, thrown to a new siding
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs | PointsThrowTab[] | — | — |
| defaultTab? | string | — | id of the initially selected tab (defaults to the first) |
| className? | string | — | — |