@digitalpatterns/formio-gds-template/lib/templates/gds/tab/form.ejs.js

Gov UK design system formio templates

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default=function(ctx) {
var __t, __p = '', __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
__p += '<div class="govuk-tabs" data-module="govuk-tabs">\n    <ul class="govuk-tabs__list" role="tablist">\n        ';
 ctx.component.components.forEach(function(tab, index) { ;
__p += '\n            <li class="govuk-tabs__list-item' +
((__t = ( ctx.currentTab === index ? ' govuk-tabs__list-item--selected' : '')) == null ? '' : __t) +
'"\n                role="presentation" ref="' +
((__t = (ctx.tabLikey)) == null ? '' : __t) +
'">\n                <a class="govuk-tabs__tab" href="#' +
((__t = (tab.key)) == null ? '' : __t) +
'" ref="' +
((__t = (ctx.tabLinkKey)) == null ? '' : __t) +
'">\n                    ' +
((__t = (ctx.t(tab.label))) == null ? '' : __t) +
'\n                </a>\n            </li>\n        ';
 }) ;
__p += '\n    </ul>\n    ';
 ctx.component.components.forEach(function(tab, index) { ;
__p += '\n    <section class="govuk-tabs__panel ' +
((__t = (ctx.currentTab === index ? '' : 'govuk-tabs__panel--hidden')) == null ? '' : __t) +
'"\n             ref="' +
((__t = (ctx.tabKey)) == null ? '' : __t) +
'" id="' +
((__t = (tab.key)) == null ? '' : __t) +
'">\n        ' +
((__t = (ctx.tabComponents[index])) == null ? '' : __t) +
'\n    </section>\n    ';
 }) ;
__p += '\n</div>\n';
return __p
}