HM Tabs Block

HM Tabs Block Super simple tab block for the WordPress block editor. The Objective is to create something incredibly flexible, providing simple markup without any styling, allowing you to integrate with your theme easily. It also aims to be accessible. The implementation is adapted from the MDN Aria tab role documentation. Performance is also important. The JS is lightweight and has no dependencies. The tabs block is made up of 2 blocks. A container tabs block, and a child tabs-item block. The tabs item block is simply a wrapper, allowing you to add any content you wish. Saved markup. One of the aims of this block is to keep the saved HTML really minimal. It should look OK even if this plugin is deactivated. All of the functionality and interactive elements are created on the fly either rendered server side or constructed in JS. Styling the tabs. The tabs are functional but unstyled. Here is a sample of the markup to show the classes you can use to style the tabs. Example styling And here's some CSS to style up some nice old school looking tabs. Some useful classes for styling and animation. .hm-tabs--is-initialized Added once JS has initialized the tab functionalit