Anchor Link Navigation
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
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. May become sticky on scroll. |
| system | Highlight active section | Currently visible section's link displays with active state styling. |
| editor | Configure anchor links | Links are automatically generated from page section headings or manually configured. Each link requires 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 |  |