{"id":1060,"date":"2022-01-02T10:43:32","date_gmt":"2022-01-02T10:43:32","guid":{"rendered":"https:\/\/documentation.ultimate-dev2.com\/blocks\/"},"modified":"2024-06-16T15:31:19","modified_gmt":"2024-06-16T15:31:19","slug":"blocks","status":"publish","type":"page","link":"https:\/\/documentation.ultimate-dev2.com\/blocks\/","title":{"rendered":"Blocks"},"content":{"rendered":"<h4 class=\"wp-block-heading\">Tabs<\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-ht-blocks-tabs wp-block-hb-tabs\">\r\n<ul class=\"wp-block-hb-tabs__nav\" role=\"tablist\">\r\n<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\">Discover the tab block<\/span><\/li>\r\n<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\">Even more to learn<\/span><\/li>\r\n<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\">Conclusions<\/span><\/li>\r\n<\/ul>\r\n<div id=\"tabs-0\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"active\">\r\n<p><br \/>The Tab block allows your customers to walk through steps of a tutorial<\/p>\r\n<\/div>\r\n<div id=\"tabs-1\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"inactive\">\r\n<p><br \/>It&#8217;s flexible &#8211; to showcase your content in a way that is easy to read and manage<\/p>\r\n<\/div>\r\n<div id=\"tabs-2\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"inactive\">\r\n<p><br \/>The best bit\u2026 it&#8217;s included in KnowAll, and styled for you.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"wp-block-heading\">Toggle<\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-ht-blocks-toggle wp-block-hb-toggle\">\r\n<div class=\"wp-block-hb-toggle__title\">A toggle..<\/div>\r\n<div class=\"wp-block-hb-toggle__content\">\r\n<div class=\"wp-block-hb-toggle__contentwrap\">Let\u2019s you display teaser content and reveal in a click. This block is packaged with KnowAll.<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"wp-block-heading\">Accordion<\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<div class=\"wp-block-ht-blocks-accordion wp-block-hb-accordion\">\r\n<div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\">\r\n<div class=\"wp-block-hb-accordion__title\">An Accordion<\/div>\r\n<div class=\"wp-block-hb-accordion__content\">\r\n<div class=\"wp-block-hb-accordion__contentwrap\">A variation on toggle, each section expands in turn to reveal another.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\">\r\n<div class=\"wp-block-hb-accordion__title\">Multiple steps<\/div>\r\n<div class=\"wp-block-hb-accordion__content\">\r\n<div class=\"wp-block-hb-accordion__contentwrap\">Can be split out content using an accordion block.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\">\r\n<div class=\"wp-block-hb-accordion__title\">Make your content interactive<\/div>\r\n<div class=\"wp-block-hb-accordion__content\">\r\n<div class=\"wp-block-hb-accordion__contentwrap\">Let your customers discover your products for themselves.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<h4 class=\"wp-block-heading\">Messages<\/h4>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<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>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<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>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<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>\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n<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>","protected":false},"excerpt":{"rendered":"<p>Tabs &nbsp; &nbsp; Toggle &nbsp; &nbsp; Accordion &nbsp; &nbsp; Messages &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1060","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/pages\/1060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/comments?post=1060"}],"version-history":[{"count":1,"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/pages\/1060\/revisions"}],"predecessor-version":[{"id":5610,"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/pages\/1060\/revisions\/5610"}],"wp:attachment":[{"href":"https:\/\/documentation.ultimate-dev2.com\/en\/wp-json\/wp\/v2\/media?parent=1060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}