Table of Contents
Presenting information via tabbed widgets in the Gutenberg WordPress Editor is a breeze with the Tabs block by Getwid. Gutenberg tabs will aid you in creating functional FAQ sections and structuring complex data archives.
See also: the Tabs widget for Elementor
The tabs’ look is inherited from your active WordPress theme by default (it’s the Bimba theme in our examples) so it will blend nicely into the page. The tabs are fully responsive, so you can run them on any device.
One of the key benefits of this Tabs Gutenberg block is that you can add any block inside the tab container since it’s a nested block (can host multiple blocks).
Purpose of the Tabs Gutenberg Block
Using this block, you can do the following things:
- Create a structured presentation of news, categories (e.g. genres of literature, music).
- Structure information a way that is more readable and user-friendly to interact with.
Features of the Gutenberg Tabs Block for WordPress
The major settings are almost the same as in the similar Toggle and Accordion blocks (but you can’t have icons for tabs).
Here are the details:
- Add new tabs and edit their content inline (visually) in Gutenberg (basic typography settings are supported).
- Select layout for tabs: horizontal left, horizontal center, horizontal right, vertical left, vertical right.
- Custom heading size.
- Select which particular tab needs to be opened by default when a user lands on the page for the first time.
- Add any type of content into Tabs (videos, images, tables, etc.) using any WordPress block:
- Add custom classes if needed.
Design Tips for the Gutenberg tabs block
- You can transform tabs into toggles or accordion using the “Transform” option in Gutenberg.
Download the Free Official WordPress Gutenberg Theme for Getwid
The easiest and most effective way to start with Getwid Blocks is its starter theme: Getwid Base. It comes bundled with a unified system of colors, typography, iconography, buttons, and, of course, Getwid pre-designed blocks! Here are all the links you might need:
Check out Getwid Demo
Download Getwid Gutenberg Blocks Free
Install Getwid Base Starter Theme for Gutenberg for free