← Back

SectionNav

Sticky horizontal anchor navigation that highlights the active section as you scroll. Uses IntersectionObserver for scroll tracking.

Props

PropTypeDescription
items{ label: string; id: string }[]Section labels and their corresponding element IDs
classNamestringAdditional classes on the root nav element

Overview

Scroll between sections to see the active state update in the nav above.

Features

Scroll between sections to see the active state update in the nav above.

Pricing

Scroll between sections to see the active state update in the nav above.

FAQ

Scroll between sections to see the active state update in the nav above.