@rhds/elements
Version:
Red Hat Design System Elements
18 lines (15 loc) • 719 B
Markdown
# Jump links
Jump links is a navigation list of links enhanced with Red Hat branded design and a scroll spy mechanism.
It comes in horizontal and vertical layouts, and can be composed with `<rh-disclosure>` for a mobile-friendly presentation.
```html
<aside id="jump-links-container">
<h2 id="jump-links-title">Sections</h2>
<rh-jump-links aria-labelledby="jump-links-title">
<rh-jump-link href="#heading-1">Heading 1</rh-jump-link>
<rh-jump-link href="#heading-2">Heading 2</rh-jump-link>
<rh-jump-link href="#heading-3">Heading 3</rh-jump-link>
<rh-jump-link href="#heading-4">Heading 4</rh-jump-link>
<rh-jump-link href="#heading-5">Heading 5</rh-jump-link>
</rh-jump-links>
</aside>
```