Sliding tabs

Installation

No MCP yet? Connect your agent.

Integration

The external demo shows this helper in the upstream bento-grid-1 block, which imports it. It is a contextual example, not a standalone helper playground.

The reusable source is written to @components/motion/sliding-tabs.tsx.

@components/motion/sliding-tabs.tsx declares a client boundary for state, measurement, or browser interaction.

The indicator measures the controlled active tab and snaps on first paint and resize. The rounded and pill styles share the same tab model.