{"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:\/\/tech.utdnews.com\/de\/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-Z4mlQ2 wp-block-heading\">Vertical Pills<\/h3>\n\n\n\n<div class=\"ghostkit-tabs ghostkit-tabs-buttons-vertical is-style-pills\" data-tab-active=\"tab-tab-1-1\"><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-1cTxd5\"><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-2qTACM\"><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-ZULk4B\"><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","protected":false},"excerpt":{"rendered":"<p>Vertical Tabs Pills Vertical Pills<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":940,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/pages\/984"}],"collection":[{"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":0,"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/pages\/984\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/pages\/940"}],"wp:attachment":[{"href":"https:\/\/tech.utdnews.com\/de\/wp-json\/wp\/v2\/media?parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}