Anchor Link Navigation
Figma Component: 23774-217229
GitHub Issue: #74
Last modified with commit eebfcb0 on
by Aljaž.
The Anchor Link Navigation component displays a navigation menu with links to different sections within the same page. Shows section links that smooth scroll to corresponding content when clicked.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display anchor links | Shows horizontal or vertical list of links to page sections. Becomes sticky when user scrolls to the component, remaining fixed at top of viewport for easy navigation. |
| system | Highlight active section | Currently visible section's link displays with active state styling: border around the link and different background color to distinguish it from inactive links. As the user scrolls the page, the active link updates automatically to reflect the section currently in view. |
| editor | Configure anchor links | Links are manually configured. Each link includes a label and target section ID. |
| user | Navigate to section | Click link to smooth scroll to corresponding section. Link shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |