Tabs are a great way to divide content into different sections without making the user navigate onto a new page. However, we recommend you don't overuse tabs and you certainly shouldn't have more than a couple of words as a tab heading.

With our Tabs tool blocks first you start with the 'Tabs Start' tool that should be placed at the start of every new tab section. Following the 'Tabs Start' tool, tools can be added under that section to display content. The 'Tabs End' tool should be placed as the last tool to close the entire tabs section, especially if you have further information under the tabs section.

Tabs can also be used in the right sidebar page layout!

We recommend you don't overuse tabs and you certainly shouldn't have more than a couple of words as a tab heading.

There's some great information in this article about tips and tricks on using tabs

September 2024 update allows for orienting tabs either horizontally or vertically, and setting which format it changes from horizontal to vertical. We heard lots of feedback that on mobile devices, having too many tabs could be a barrier to people finding content or engagement activities. It's similar to Accordion tool, but this allows for nesting different content or engagement tools under the tabs instead of just text or images.

All tabs on a page follow the setting of the first tab!

If you want tabs to always be vertical, set it for "desktop", and no matter what device someone is viewing a page, the tabs will be vertical.