GenerateBlocks 2.0 is here - Read the release post

Learn GenerateBlocks

Tabs

GB Pro

Description

An interactive tabs block

Block Structure

The Tabs block is a nested group of related blocks. Starting with the parent Tab block, which js divided into Tabs Menu and Tab Items. Each item has its own Tab Menu Item and Tab Item.

  • Tabs
  • Tabs Menu
  • Tab Menu Item
  • Tab 1
  • Tab Menu Item
  • Tab 2
  • Tab Items
  • Tab Item
  • Paragraph
  • Tab Item
  • Paragraph

Toolbar

The Tabs block has the following toolbar options.

The toolbar for the Tabs block
Add the selected blocks inside a new Container Block
This action will add a new Tab Item to the currently selected Tabs Block. The new tab item will be an exact duplicate of the last tab item in the list.

Block Settings

Default Opened Tab

Choose which Tab should be open on initial load.

Transition

choose a opening and closing transition :

  • None ( no transition )
  • Fade
  • Slide