Go to foo
API
<vcf-anchor-nav>
->
AnchorNav
Basic
Main Header
Scroll down to see:
- Tabs sticking to the top
- Tab of visible section being highlighted
- Tabs horizontally scrolling when overflowing
Click on a tab to jump to section.
Accessibility has been taken seriously when implementing the component.
- Try focusing tabs using keyboard, move focus with arrow keys
- Hit ENTER or SPACE to jump to sections
- Move focus to this text field by hitting TAB
Custom Header
Headers and tab names are set automatically. You can customize them to your needs.
Section 4 is short.
Section 5 is long.
Section 6 content.
Fullscreen
Toggle Fullscreen
Section 1
Section 2
Section 3
Custom Tabs
Custom Tab 3
Custom Tab 4
Custom Tab 1
Section 1 content.
Custom Tab 2
Section 2 content.
Section 3 content.
Section 4 content.