We'll create fresh WordPress site with Tabs Block Lite installed. You have 20 minutes to test the plugin after that site we'll be deleted.
Tabs Block Lite adds an accessible and responsive Tabs block to the block editor inserter that can be added to display horizontal list items that can be selected to show their associated sections of content.
Ideal for condensing longform or complex content. Also useful for reducing page scrolling.
Upgrade to Pro at https://troytempleman.com/wordpress/blocks/tabs-block/.
https://troytempleman.com/wordpress/blocks/tabs-block/
Tabs Block Lite will output a Tabs block with the following HTML structure:
<div class="wp-block-tt-tabs wp-block-tt-tabs-1 wp-block-tt-tabs-folder">
<ul class="wp-block-tt-tabs-header" role="tablist">
<li class="wp-block-tt-tab-header" role="presentation">
<button class="wp-block-tt-tab-header-button" id="wp-block-tt-tab-header-button-df856e31-e01a-46c3-bca3-be8041d3c416" aria-controls="wp-block-tt-tab-panel-df856e31-e01a-46c3-bca3-be8041d3c416" type="button" role="tab" aria-selected="true">
<span class="wp-block-tt-tab-header-button-text">Tab</span>
</button>
</li>
</ul>
<div class="wp-block-tt-tab-panel wp-block-tt-tab-panel-1” id="wp-block-tt-tab-panel-df856e31-e01a-46c3-bca3-be8041d3c416" role="tabpanel" tabindex="0" aria-labelledby="wp-block-tt-tab-header-button-df856e31-e01a-46c3-bca3-be8041d3c416">
<p>Panel</p>
</div>
</div>
If you need help with Tabs Block Lite, please submit a ticket on the Support forum.
If you like Tabs Block Lite and would like to support it’s future development, how about buying me a coffee?
If you would like to contribute to the development of Tabs Block Lite, the repository is located on GitHub.
Tabs Block Lite is released under the GNU General Public License, version 2 (GPLv2).