Unit Landing – Tab
The Tab component displays related content within up to five horizontal tabs, greatly reducing the presentation area and the need to scroll down the page.
Options and Settings
- Tabs label for accessibility purposes
- Add up to 5 tabs in component
- Optional heading (character limit 50 including spaces)
- Optional paragraph character limit 250 including spaces)
- Individual tab elements:
- Tab label (character limit 50 including spaces)
- Tab content
- Optional tab anchor link
- Follow proper heading hierarchy for accessibility.
- Tab labels should be short and descriptive.
- The content within each tab should focus on a single topic.
Tab group headline
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis voluptatibus quaerat nostrum, atque quas cupiditate possimus magni! Sint, temporibus beatae! Delectus similique dolorum doloremque accusamus atque aperiam illum veritatis quasi?
Tab Label One
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis voluptatibus quaerat nostrum, atque quas cupiditate possimus magni! Sint, temporibus beatae! Delectus similique
dolorum doloremque accusamus atque aperiam illum veritatis quasi?
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
- Vivamus vestibulum ntulla nec ante.
- Praesent placerat risus quis eros.
Tab Label Two
Bonorum et Malorum
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis voluptatibus quaerat nostrum, atque quas cupiditate possimus magni! Sint, temporibus beatae! Delectus similique
dolorum doloremque accusamus atque aperiam illum veritatis quasi?
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
- Vivamus vestibulum ntulla nec ante.
- Praesent placerat risus quis eros.
Mauris pretium aliqua
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis voluptatibus
quaerat nostrum, atque quas cupiditate possimus magni! Sint, temporibus beatae! Delectus
similique dolorum doloremque accusamus atque aperiam illum veritatis quasi?
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
- Vivamus vestibulum ntulla nec ante.
- Praesent placerat risus quis eros.