Vertical Tabs Block
The Vertical Tabs block provides related information in a visually engaging format. It is well suited to present timeline information, and details for processes. The block contains a heading, intro text, an optional call to action, and vertical tabs items. Each vertical tabs item contains a tab label, a heading, paragraph, and an optional call to action. When the block is first placed on the page, only one vertical tabs item exists. This can be duplicated as needed for the number of desired tabs. Explore the functional example below for more details.
Vertical Tabs Example
This intro text is used to provide additional context and details for the information in the tabs. Best practice is to limit this text to 1-5 sentences.
Vertical Tabs Item Heading
The paragraph text for each item contains details for the timeline or process. More than one paragraph can be used within each item.
Pellentesque convallis eros nec est pellentesque laoreet. Duis elementum, eros vitae fringilla porta, lacus justo pretium urna, ac consequat nisi tellus at lorem. Curabitur nec viverra diam, quis accumsan ante.
Dolor sit Amet Consectetur
Donec eget porttitor nibh. Quisque semper nisi lectus. Sed vel magna nec orci malesuada sollicitudin. Nulla hendrerit, dolor eget tempor varius, metus nunc dapibus dolor, vitae interdum nisi neque id felis. In maximus purus pharetra mauris porttitor pellentesque. Pellentesque ultricies, enim eu bibendum mattis, urna est malesuada arcu, eget auctor lectus dui a eros. Pellentesque et rutrum ex. Fusce sagittis varius erat eget placerat. Suspendisse blandit dui nulla, id elementum nisi auctor nec.
Ut Luctus Lectus in Dignissim Maximus
Sed posuere est ut imperdiet posuere. Quisque quis tempor ipsum. Donec nec odio in sem sagittis finibus in feugiat magna. Duis sit amet nibh orci. Nam ac sem nisi. Sed sit amet dolor orci. Fusce maximus, arcu et posuere vehicula, mi dui lobortis ligula, non fringilla diam urna ut ligula.
Aenean Accumsan Dictum Facilisis
Cras sagittis augue non arcu aliquam, vitae bibendum risus tristique. Vestibulum facilisis, tortor et sodales laoreet, libero tortor mattis enim, a finibus augue tortor ac augue. Fusce nec risus eget justo suscipit imperdiet. Fusce aliquam porttitor fermentum. Mauris condimentum euismod tellus, nec laoreet erat luctus id. Donec ac erat quis odio tempus scelerisque quis eu libero. Vestibulum quis tempus dolor. Phasellus eu felis nec erat tristique ultrices venenatis facilisis augue. Nunc efficitur leo tortor, at suscipit enim consequat nec. Nulla est velit, viverra sit amet nibh a, interdum pharetra lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam in orci aliquam, tristique erat sit amet, vestibulum quam. Mauris risus ante, iaculis id pharetra eget, rutrum quis lacus. Curabitur commodo quam non viverra ornare. Duis sit amet nulla mi. Integer efficitur sed sapien vel congue.