Scrollable Section Tabs

Subscription

A horizontally scrollable tab strip for pages with more sections than fit a narrow screen — edge fade masks hint there's more to scroll, the active tab scrolls itself into view on selection, and the overflow stays contained inside the strip instead of widening the page.

Category: Standard Navigation
Framework: react
Version: 1.0.2
Peer deps: react

Install

bash

velocityx add standard-scrollable-section-tabs

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.