Outline — Controlled

block

Drive the active section yourself with activeId and onActiveIdChange. Providing activeId disables the built-in scroll-spy so your own logic owns the highlight.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-outline-controlled.json"

Sign In

Outline — Controlled

block

Drive the active section yourself with activeId and onActiveIdChange. Providing activeId disables the built-in scroll-spy so your own logic owns the highlight.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-outline-controlled.json"

components/astryx/examples/OutlineControlled.tsx