Tabs

Use the tabs content item

Tabs enables you to create tabs layouts on your site. Tabs enable you to show only the contents of one tab at a time. This article walks you through how to use it. 

This article covers: 
  • Tabs & Tab Item content items
  • Fields
  • Elements

Tabs & Tab Item content items

The Tabs content item has design settings that apply to the entire tabs selector. Only a Tab item can be added within Tabs. Tab items enable you you to add content within your tab as well as adding a title to you tab.  

Fields

Tabs

  • Tab placement: set the alignment for your tabs 
  • Tab spacing: set the spacing between your tabs

Tab Item

  • Title: set the title for your tab item

Elements

Tabs has the following elements: 

  • Tab titles: set design styles for the active and inactive states for your tab titles as well as selecting the CTA design token that you want to use for your title display. 
  • Underline: set underline styles for each tab item
  • Dividers: add divider styles, or set an icon as a divider between each of your tabs