<!-- wp:heading {"level":4} -->
<h4>Tabs</h4>
<!-- /wp:heading -->

<!-- wp:ht-blocks/tabs -->
<div class="wp-block-ht-blocks-tabs wp-block-hb-tabs"><ul class="wp-block-hb-tabs__nav" role="tablist"><li class="wp-block-hb-tabs__head" data-tab="tabs-0" data-hb-tabs-tab--state="active"><span class="wp-block-hb-tabs__head_item" for="tab0">Discover the tab block</span></li><li class="wp-block-hb-tabs__head" data-tab="tabs-1" data-hb-tabs-tab--state="inactive"><span class="wp-block-hb-tabs__head_item" for="tab1">Even more to learn</span></li><li class="wp-block-hb-tabs__head" data-tab="tabs-2" data-hb-tabs-tab--state="inactive"><span class="wp-block-hb-tabs__head_item" for="tab2">Conclusions</span></li></ul><div id="tabs-0" class="wp-block-hb-tabs__content" role="tabpanel" data-hb-tabs-tab--state="active"><p><br>The Tab block allows your customers to walk through steps of a tutorial</p></div><div id="tabs-1" class="wp-block-hb-tabs__content" role="tabpanel" data-hb-tabs-tab--state="inactive"><p><br>It's flexible - to showcase your content in a way that is easy to read and manage</p></div><div id="tabs-2" class="wp-block-hb-tabs__content" role="tabpanel" data-hb-tabs-tab--state="inactive"><p><br>The best bit… it's included in KnowAll, and styled for you.</p></div></div>
<!-- /wp:ht-blocks/tabs -->

<!-- wp:heading {"level":4} -->
<h4>Toggle</h4>
<!-- /wp:heading -->

<!-- wp:ht-blocks/toggle -->
<div class="wp-block-ht-blocks-toggle wp-block-hb-toggle"><div class="wp-block-hb-toggle__title"><span>A toggle..</span></div><div class="wp-block-hb-toggle__content"><div class="wp-block-hb-toggle__contentwrap">Let’s you display teaser content and reveal in a click. This block is packaged with KnowAll.</div></div></div>
<!-- /wp:ht-blocks/toggle -->

<!-- wp:heading {"level":4} -->
<h4>Accordion</h4>
<!-- /wp:heading -->

<!-- wp:ht-blocks/accordion -->
<div class="wp-block-ht-blocks-accordion wp-block-hb-accordion"><div class="wp-block-hb-accordion__section" data-ht-blocks-accordion-block-state="closed"><div class="wp-block-hb-accordion__title"><span>An Accordion</span></div><div class="wp-block-hb-accordion__content"><div class="wp-block-hb-accordion__contentwrap">A variation on toggle, each section expands in turn to reveal another.</div></div></div><div class="wp-block-hb-accordion__section" data-ht-blocks-accordion-block-state="closed"><div class="wp-block-hb-accordion__title"><span>Multiple steps</span></div><div class="wp-block-hb-accordion__content"><div class="wp-block-hb-accordion__contentwrap">Can be split out content using an accordion block.</div></div></div><div class="wp-block-hb-accordion__section" data-ht-blocks-accordion-block-state="closed"><div class="wp-block-hb-accordion__title"><span>Make your content interactive</span></div><div class="wp-block-hb-accordion__content"><div class="wp-block-hb-accordion__contentwrap">Let your customers discover your products for themselves.</div></div></div></div>
<!-- /wp:ht-blocks/accordion -->

<!-- wp:heading {"level":4} -->
<h4>Messages</h4>
<!-- /wp:heading -->

<!-- wp:ht-blocks/messages -->
<p class="wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon"><strong>Packaged with useful blocks</strong><br><br>KnowAll comes packaged with all the tools you need to set up and run a  successful support center including useful blocks and styling  elements to make your content stand out.</p>
<!-- /wp:ht-blocks/messages -->

<!-- wp:ht-blocks/messages {"className":"is-style-alert"} -->
<p class="wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert"><strong>KnowAll includes four message styles</strong><br><br>Create asides, demonstrate points and alert your customers/visitors to key features and functionality.</p>
<!-- /wp:ht-blocks/messages -->

<!-- wp:ht-blocks/messages {"className":"is-style-danger"} -->
<p class="wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger"><strong>Key Warnings</strong><br><br>Can be displayed with this warning message.</p>
<!-- /wp:ht-blocks/messages -->

<!-- wp:ht-blocks/messages {"className":"is-style-info"} -->
<p class="wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info"><strong>Information message</strong><br><br>Casual information that you want to highlight is best displayed with this information style Message block, packaged with KnowAll.</p>
<!-- /wp:ht-blocks/messages -->