{"id":375,"date":"2020-09-10T17:23:19","date_gmt":"2020-09-10T17:23:19","guid":{"rendered":"https:\/\/wp.nkdev.info\/redlens\/?page_id=375"},"modified":"2020-10-01T14:21:55","modified_gmt":"2020-10-01T14:21:55","slug":"tabs","status":"publish","type":"page","link":"https:\/\/wp.nkdev.info\/redlens\/dark\/blocks\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n<p class=\"ghostkit-custom-2927lK\">Separate content on the tabs with titles.<\/p>\n\n\n\n<div class=\"ghostkit-tabs is-style-rdl-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\" data-tab=\"tab-tab-1\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4>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\" 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\" 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\">Vertical Tabs<\/h3>\n\n\n\n<div class=\"ghostkit-tabs ghostkit-tabs-buttons-vertical is-style-rdl-tabs\" 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\" data-tab=\"tab-tab-1-1\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4>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\" 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\" 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\">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\" data-tab=\"tab-tab-1-2\">\n<p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n\n\n<h4>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\" 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\" data-tab=\"tab-active-tab\">\n<p>Custom content here. Supported all Gutenberg blocks. <\/p>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Separate content on the tabs with titles. Vertical Tabs Pills<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":347,"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":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_vp_format_video_url":"","_vp_image_focal_point":[],"_vp_custom_popup_image":0,"_vp_format_audio_url":"","_vp_custom_thumbnail":0,"_vp_hover_thumbnail":0,"_vp_hover_thumbnail_focal_point":[],"_rdl_content_size":"","_rdl_sidebar":"","_rdl_disabled_page_elements":[]},"_links":{"self":[{"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/pages\/375"}],"collection":[{"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":1,"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/pages\/375\/revisions"}],"predecessor-version":[{"id":564,"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/pages\/375\/revisions\/564"}],"up":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/pages\/347"}],"wp:attachment":[{"href":"https:\/\/wp.nkdev.info\/redlens\/dark\/wp-json\/wp\/v2\/media?parent=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}