Skip to main content

Tabs

Nectar Tabs Block Icon

The Tabs block gives you yet another way to organize your content. Creating tabs allows you to reduce clutter help your audience find the information they are looking for.

General settings​

  • Preset Choose from the available tab presets.
  • Direction Select whether your tabs will be horizontal or vertical on your page.
  • Tab Location Allows you to move your tabs to the top or bottom of the block.
  • Item Overflow
  • Alignment Choose the alignment of your tabs within the block.
  • Starting Tab Select which tab you would like to be open first on your page.
  • Full Width Choose to spread your tabs across the full width of your page.
  • Gap Allows you to indicate how much space there is between your tabs.

Icon​

  • Position Choose if your icon is to the left, top, or right of your tab text.
  • Vertical Alignment Allows you to align your icon to the top, center, or bottom of your tab text.
  • Size Choose the size of your icon.
  • Gap Allows you to indicate how much space there is between your icon and your tab text.

Description​

  • Opacity Determine the opacity of your description text.
  • Position Allows you to choose if the description is at the top or bottom of your tab.

Block Controls Available​

The following are common Nectar Block controls which are used in other blocks as well as the Tabs block.

  • Display
  • Background
  • Border
  • Size
  • Position
  • Spacing
  • Link
  • Effects / Transform
  • Animations