diff --git a/public/patterns/core/tabs/index.html b/public/patterns/core/tabs/index.html index b4db36a..f1aff57 100644 --- a/public/patterns/core/tabs/index.html +++ b/public/patterns/core/tabs/index.html @@ -19,13 +19,13 @@
The tab module can be initialised by importing a file with the javascript module using import * as tabs from "../pg/patterns/layouts/tabs/_tabs.js"; contains a modularized version of the jQuery code, so that it can be called on demand. It is what is used in the design system so that the JavaScript can be called at run time (after loading content).
--- - -
div#uniqueID.tab-group - div(data-tab="[tab title]") - div(data-tab="[tab title]") +++ + +
tabset#uniqueID + div(tab="[tab title]") + div(tab="[tab title]")
tabset, .tab-group { margin: 2rem 0 1rem 0; diff --git a/src/pg/patterns/core/tabs/_tabs.pp b/src/pg/patterns/core/tabs/_tabs.pp index 48098f8..f7aa91e 100644 --- a/src/pg/patterns/core/tabs/_tabs.pp +++ b/src/pg/patterns/core/tabs/_tabs.pp @@ -1,4 +1,4 @@ -div#uniqueID.tab-group - div(data-tab="[tab title]") - div(data-tab="[tab title]") +tabset#uniqueID + div(tab="[tab title]") + div(tab="[tab title]") \ No newline at end of file diff --git a/src/pg/patterns/core/tabs/_tabs.pug b/src/pg/patterns/core/tabs/_tabs.pug index 48098f8..f7aa91e 100644 --- a/src/pg/patterns/core/tabs/_tabs.pug +++ b/src/pg/patterns/core/tabs/_tabs.pug @@ -1,4 +1,4 @@ -div#uniqueID.tab-group - div(data-tab="[tab title]") - div(data-tab="[tab title]") +tabset#uniqueID + div(tab="[tab title]") + div(tab="[tab title]") \ No newline at end of file