Ciprian Popescu

<p>Metro Tabs adds block-editor (Gutenberg) blocks for building tabbed content. You add a <strong>Metro Tabs: Tab Group</strong> block, then add one or more <strong>Metro Tabs: Tab Item</strong> blocks inside it. Each tab has a heading (the label visitors click) and a content area where you can add any blocks—paragraphs, images, lists, etc. On the front end, visitors see a simple tab bar and panes; clicking a tab switches the visible content without reloading the page.</p>
<h4>Features</h4>
<ul>
<li><strong>Tab Group block</strong> – Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets.</li>
<li><strong>Tab Item block</strong> – A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.).</li>
<li><strong>No JavaScript libraries</strong> – Uses vanilla JavaScript only; no jQuery or jQuery UI.</li>
<li><strong>Block API version 3</strong> – Compatible with the current block editor (WordPress 6.3+ iframe editor).</li>
<li><strong>Lightweight styling</strong> – Discrete front-end styles (underline-style active tab); you can override with your theme or custom CSS.</li>
</ul>
<h4>How to use</h4>
<ol>
<li>In the block editor, add a <strong>Metro Tabs: Tab Group</strong> block (search for “Metro Tabs” or “Tab Group”).</li>
<li>Inside the group, you’ll see placeholder Tab Items (e.g. “Tab 1”, “Tab 2”). Click each <strong>Metro Tabs: Tab Item</strong> block and:
<ul>
<li>Edit the <strong>tab heading</strong> (the text shown on the tab).</li>
<li>Add any blocks in the <strong>tab content</strong> area (paragraphs, images, etc.).</li>
</ul>
</li>
<li>Add or remove Tab Item blocks as needed. You can add more Tab Groups elsewhere on the page for separate tab sets.</li>
<li>Publish or update. On the front end, the tab bar and panes are built automatically; clicking a tab switches the visible pane.</li>
</ol>
<p>No settings or configuration are required. The plugin enqueues its script and styles on the front end when the page contains tab blocks.</p>
<h4>Compatibility</h4>
<ul>
<li>Requires WordPress 6.0 or higher (block editor).</li>
<li>Requires PHP 8.0 or higher.</li>
</ul>


Metro Tabs – Responsive Tabs Block

Tab blocks: multiple groups per page, any blocks in each tab. No jQuery, no dependencies.

UAPP

<p><a href="https://prokitelementor.com/faq/responsive-tabs-for-elementor/" rel="nofollow ugc">Documentation</a> | <a href="https://prokitelementor.com/live-demo" rel="nofollow ugc">Live Demo</a> | <a href="https://prokitelementor.com/#pricing" rel="nofollow ugc">Upgrade to Pro!</a></p>
<p>The compact Responsive Tabs For Elementor lets you show information in several levels of tabs. Now you can easily show text using several types of tabs at the same time for better categorizing your information. But without overloading the site with long texts.<br />
The plugin has many features and settings to customize the reviews to suit your needs. Upgrade to PRO and unlock new possibilities with <a href="https://prokitelementor.com" rel="nofollow ugc">Pro Kit for Elementor!</a></p>
<h3>FEATURES</h3>
<p>Create tabbed blocks that can hold much more information than regular tabs.<br />
The block with tabs can be divided into two levels: the main tabs, which, in addition to the main information, can contain secondary tabs with text.</p>
<p>Manage tab options:<br />
– general styles such as background type, tab size, tab spacing, tab color, border width, border color.<br />
– text style settings such as title color, title typography, content edit color, content typography.<br />
– advanced tab settings with the ability to change the layout, motion effects, transformation, background, frame, mask, attributes, custom CSS.</p>
<h3>REASONS FOR CHOOSING RESPONSIVE TABS FOR ELEMENTOR</h3>
<p>An easy-to-use interface with multiple settings and unique main widgets will make your next WordPress page and post design easier than ever before. Responsive Tabs For Elementor takes your WordPress website to the next level by making your page more engaging.</p>
<h3>EXPERT SUPPORT</h3>
<p>We have an extraordinary support team ready to help you. You can ask your questions in the support forum</p>


Responsive Tabs For Elementor

Responsive Tab Plugin for Elementor allows you to show multiple levels of tabs in accordion with text, images, ets.

Metro Tabs – Responsive Tabs Block vs Responsive Tabs For Elementor