Documentations / Gutenberg Tabs

Gutenberg Tabs

This plugin adds a "Tabs" block to create a tab system from the Gutenberg editor. This block will contain several tabs with a title and the desired content.

Requirements

WordPress : Version 5.9 or higher
PHP : Version 7.0 or higher

Installation

To install the plugin, please refer to the “Installing a plugin” documentation.

Example

Content 1.

The rendering in the back-office does not reflect the rendering on the site.

Block parameters

Full-width tab title (Boolean), if true, tab titles will take up all available space to occupy 100% of the width of the parent element
Tab vertical, to display tab titles vertically (default is horizontal)
Tab active, to open a tab by default, the first tab by default
Mobile breakpoint (integer), to define the screen size at which tab titles will go to the line
Additional class to add to tab content (hidden in “Advanced” section)
Class to be added when a tab is opened, can be used to trigger an animation for example (hidden in “Advanced” section)