NAVIGATION / COMPONENTS
Anchor link
Jump to a meaningful section.
About anchor link
Anchors should be employed when you want an element with a link to visually resemble a traditional browser link, typically text with a simple underline.
01
Anatomy
Shared parts, named consistently.
- 1Border
Indicates item is selected.
- 2LabelRequired
The label of the link
- 3Icon
Represents the purpose of the anchor link
- 4Divider
Visual separator between notifications when stacked
Try the default
A working example with the shared V1 visual language.
Jump to details
Details
This section is the link’s destination.
When to use
Use on long pages with stable section IDs. Name the target and leave space for sticky headers at the destination.
Enter follows the fragment. The target should be focusable when continuing keyboard reading is important.