{"id":286936,"date":"2026-03-12T11:12:18","date_gmt":"2026-03-12T11:12:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/tabx-simple-tabs-block\/"},"modified":"2026-03-31T15:32:12","modified_gmt":"2026-03-31T15:32:12","slug":"metro-tabs","status":"publish","type":"plugin","link":"https:\/\/hat.wordpress.org\/plugins\/metro-tabs\/","author":240000,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.5","stable_tag":"trunk","tested":"7.0","requires":"6.0","requires_php":"8.0","requires_plugins":null,"header_name":"Metro Tabs - Responsive Tabs Block","header_author":"Ciprian Popescu","header_description":"Add responsive tab blocks to posts and pages. Group multiple tabs, add any blocks inside each tab. No jQuery, no dependencies.","assets_banners_color":"161d2b","last_updated":"2026-03-31 15:32:12","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/getbutterfly.com\/wordpress-plugins\/metro-tabs\/","header_author_uri":"https:\/\/getbutterfly.com\/","rating":0,"author_block_rating":0,"active_installs":100,"downloads":1252,"num_ratings":0,"support_threads":1,"support_threads_resolved":1,"author_block_count":0,"sections":["description","changelog"],"tags":{"1.1.4":{"tag":"1.1.4","author":"butterflymedia","date":"2026-03-12 17:23:15"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3481383,"resolution":"256x256","location":"assets","locale":""},"icon-512x512.png":{"filename":"icon-512x512.png","revision":3481383,"resolution":"512x512","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3481383,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3481383,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"getbutterfly\/gb-tab-block":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","name":"getbutterfly\/gb-tab-block","title":"Metro Tabs: Tab Item","category":"widgets","icon":"welcome-widgets-menus","description":"One tab (heading + content) for use inside a Metro Tabs tab group.","keywords":["tab","tabs","metro-tabs"],"textDomain":"metro-tabs","apiVersion":3,"parent":["getbutterfly\/gb-tab-group"]}},"tagged_versions":["1.1.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3495739,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3495739,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3495739,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3495739,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3495739,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3495763,"resolution":"6","location":"assets","locale":""}},"screenshots":{"1":"Front-end tabs","2":"Front-end tabs","3":"Front-end tabs","4":"Back-end block editor with Tab Group and Tab Item blocks","5":"Back-end block editor with Tab Group and Tab Item blocks","6":"Source code demonstrating ARIA roles and keyboard navigation attributes"},"jetpack_post_was_ever_published":false},"plugin_section":[61],"plugin_tags":[4121,148076,606,2150,2148],"plugin_category":[],"plugin_contributors":[80927],"plugin_business_model":[],"class_list":["post-286936","plugin","type-plugin","status-publish","hentry","plugin_section-featured","plugin_tags-blocks","plugin_tags-gutenberg","plugin_tags-responsive","plugin_tags-tab","plugin_tags-tabs","plugin_contributors-butterflymedia","plugin_committers-butterflymedia"],"banners":{"banner":"https:\/\/ps.w.org\/metro-tabs\/assets\/banner-772x250.png?rev=3481383","banner_2x":"https:\/\/ps.w.org\/metro-tabs\/assets\/banner-1544x500.png?rev=3481383","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/metro-tabs\/assets\/icon-256x256.png?rev=3481383","icon_2x":"https:\/\/ps.w.org\/metro-tabs\/assets\/icon-256x256.png?rev=3481383","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-1.png?rev=3495739","caption":"Front-end tabs"},{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-2.png?rev=3495739","caption":"Front-end tabs"},{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-3.png?rev=3495739","caption":"Front-end tabs"},{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-4.png?rev=3495739","caption":"Back-end block editor with Tab Group and Tab Item blocks"},{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-5.png?rev=3495739","caption":"Back-end block editor with Tab Group and Tab Item blocks"},{"src":"https:\/\/ps.w.org\/metro-tabs\/assets\/screenshot-6.png?rev=3495763","caption":"Source code demonstrating ARIA roles and keyboard navigation attributes"}],"raw_content":"<!--section=description-->\n<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\u2014paragraphs, 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>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Tab Group block<\/strong> \u2013 Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets.<\/li>\n<li><strong>Tab Item block<\/strong> \u2013 A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.).<\/li>\n<li><strong>No JavaScript libraries<\/strong> \u2013 Uses vanilla JavaScript only; no jQuery or jQuery UI.<\/li>\n<li><strong>Block API version 3<\/strong> \u2013 Compatible with the current block editor (WordPress 6.3+ iframe editor).<\/li>\n<li><strong>Lightweight styling<\/strong> \u2013 Discrete front-end styles (underline-style active tab); you can override with your theme or custom CSS.<\/li>\n<\/ul>\n\n<h4>How to use<\/h4>\n\n<ol>\n<li>In the block editor, add a <strong>Metro Tabs: Tab Group<\/strong> block (search for \u201cMetro Tabs\u201d or \u201cTab Group\u201d).<\/li>\n<li>Inside the group, you\u2019ll see placeholder Tab Items (e.g. \u201cTab 1\u201d, \u201cTab 2\u201d). Click each <strong>Metro Tabs: Tab Item<\/strong> block and:\n\n<ul>\n<li>Edit the <strong>tab heading<\/strong> (the text shown on the tab).<\/li>\n<li>Add any blocks in the <strong>tab content<\/strong> area (paragraphs, images, etc.).<\/li>\n<\/ul><\/li>\n<li>Add or remove Tab Item blocks as needed. You can add more Tab Groups elsewhere on the page for separate tab sets.<\/li>\n<li>Publish or update. On the front end, the tab bar and panes are built automatically; clicking a tab switches the visible pane.<\/li>\n<\/ol>\n\n<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>\n\n<h4>Compatibility<\/h4>\n\n<ul>\n<li>Requires WordPress 6.0 or higher (block editor).<\/li>\n<li>Requires PHP 8.0 or higher.<\/li>\n<\/ul>\n\n<!--section=changelog-->\n<h4>1.1.5<\/h4>\n\n<ul>\n<li>Add WAI-ARIA Tabs pattern (roles, states, and properties)<\/li>\n<li>Add keyboard navigation (Arrow keys, Home, End) with automatic activation<\/li>\n<li>Add roving tabindex and visible focus styles for keyboard users<\/li>\n<li>Rename .simple-tabs-block CSS class to .metro-tabs-block<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Rename all internal references from TabX to Metro Tabs<\/li>\n<li>Rename asset files to use metrotabs prefix<\/li>\n<li>Add docblocks for all PHP functions<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Use plugin_dir_path() and plugin_dir_url() for correct path\/URL resolution<\/li>\n<li>Remove updater<\/li>\n<li>Shorten readme short description<\/li>\n<li>Add version and $in_footer to enqueued scripts and styles<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Fixed plugin name<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed block registration<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>First release<\/li>\n<\/ul>","raw_excerpt":"Tab blocks: multiple groups per page, any blocks in each tab. No jQuery, no dependencies.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/286936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=286936"}],"author":[{"embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/butterflymedia"}],"wp:attachment":[{"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=286936"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=286936"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=286936"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=286936"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=286936"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hat.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=286936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}