gamv/ds2-core
1
0
Fork 0
Code Issues 8 Releases 7 Activity

Update div.tab-group to use tabset

Browse Source
This commit is contained in:
A McIlwraith 2024-07-23 20:50:36 -04:00
parent fd53ee174a
commit 0b82aa4be6
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/patterns/core/tabs/index.html
View File

@ -19,13 +19,13 @@
<p>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).</p> <p>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).</p>
<tabset id="tabs"> <tabset id="tabs">
<pre class="language-html" tab="html"> <pre class="language-html" tab="html">
<div class="tab-group" id="uniqueID"> <tabset id="uniqueID">
<div data-tab="[tab title]"></div> <div tab="[tab title]"></div>
<div data-tab="[tab title]"></div> <div tab="[tab title]"></div>
</div></pre> </tabset></pre>
<pre class="language-pug" tab="pug">div#uniqueID.tab-group <pre class="language-pug" tab="pug">tabset#uniqueID
div(data-tab="[tab title]") div(tab="[tab title]")
div(data-tab="[tab title]") div(tab="[tab title]")
</pre> </pre>
<pre class="language-css" tab="css">tabset, .tab-group { <pre class="language-css" tab="css">tabset, .tab-group {
margin: 2rem 0 1rem 0; margin: 2rem 0 1rem 0;

6
src/pg/patterns/core/tabs/_tabs.pp
View File

@ -1,4 +1,4 @@
div#uniqueID.tab-group tabset#uniqueID
div(data-tab="[tab title]") div(tab="[tab title]")
div(data-tab="[tab title]") div(tab="[tab title]")

6
src/pg/patterns/core/tabs/_tabs.pug
View File

@ -1,4 +1,4 @@
div#uniqueID.tab-group tabset#uniqueID
div(data-tab="[tab title]") div(tab="[tab title]")
div(data-tab="[tab title]") div(tab="[tab title]")