{"id":984,"date":"2019-11-20T11:26:23","date_gmt":"2019-11-20T11:26:23","guid":{"rendered":"https:\/\/wp.nkdev.info\/squadforce\/?page_id=984"},"modified":"2019-11-20T11:26:23","modified_gmt":"2019-11-20T11:26:23","slug":"tabs","status":"publish","type":"page","link":"https:\/\/wizque.com\/index.php\/blocks\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n<div class=\"ghostkit-tabs\" data-tab-active=\"tab-active-tab-1\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab-1\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\">\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<ul><li>List item 1<\/li><li>List item 2<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2\">\n<div class=\"ghostkit-progress ghostkit-custom-FBzmN\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:30%;height:15px\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-Z1DPsyx\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:60%;height:15px\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-ZnR5jK\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:95%;height:15px\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab-1\">\n<p>Custom content here. Supported all Gutenberg blocks. <\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"ghostkit-custom-Z1iJsPc wp-block-heading\">Vertical Tabs<\/h3>\n\n\n\n<div class=\"ghostkit-tabs ghostkit-tabs-buttons-vertical\" data-tab-active=\"tab-active-tab-2\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1-1\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2-1\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab-2\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\">\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1-1\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<ul><li>List item 1<\/li><li>List item 2<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2-1\">\n<div class=\"ghostkit-progress ghostkit-custom-1wdG7h\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:30%;height:15px\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-AIX0v\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:60%;height:15px\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-Z2jskl2\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:95%;height:15px\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab-2\">\n<p>Custom content here. Supported all Gutenberg blocks. <\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"ghostkit-custom-Z23NkPs wp-block-heading\">Pills<\/h3>\n\n\n\n<div class=\"ghostkit-tabs is-style-pills\" data-tab-active=\"tab-active-tab\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1-2\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\">\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1-2\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<ul><li>List item 1<\/li><li>List item 2<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2-2\">\n<div class=\"ghostkit-progress ghostkit-custom-Z1HtbzD\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:30%;height:15px\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-Z15rTGT\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:60%;height:15px\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-1jKI3s\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:95%;height:15px\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab\">\n<p>Custom content here. Supported all Gutenberg blocks. <\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"ghostkit-custom-Z2lbQUP wp-block-heading\">Fill Tabs<\/h3>\n\n\n\n<div class=\"ghostkit-tabs is-style-squadforce-fill\" data-tab-active=\"tab-active-tab-3\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-active-tab-3\" class=\"ghostkit-tabs-buttons-item\"> ACTIVE TAB<\/a><a href=\"#tab-tab-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-tab-3\" class=\"ghostkit-tabs-buttons-item\">Tab 3<\/a><\/div><div class=\"ghostkit-tabs-content\">\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab-3\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<ul><li>List item 1<\/li><li>List item 2<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2\">\n<div class=\"ghostkit-progress ghostkit-custom-1zdGUG\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:30%;height:15px\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-PYQYU\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:60%;height:15px\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n\n\n<div class=\"ghostkit-progress ghostkit-custom-Z15dX4G\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap ghostkit-progress-bar-striped\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" style=\"width:95%;height:15px\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-3\">\n<p>Custom content here. Supported all Gutenberg blocks. <\/p>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vertical Tabs Pills Fill Tabs<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":940,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"_links":{"self":[{"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/pages\/984"}],"collection":[{"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":0,"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/pages\/984\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/pages\/940"}],"wp:attachment":[{"href":"https:\/\/wizque.com\/index.php\/wp-json\/wp\/v2\/media?parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}