gamv/ds2-core
1
0
Fork 0
Code Issues 10 Releases 9 Activity

Completed descriptions for layout patterns

Browse Source
This commit is contained in:
A McIlwraith
2024-07-16 03:57:34 -04:00
parent 3c261881e9
commit 9cba20c39c
9 changed files with 54 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
</head>
<body data-prismjs-copy-timeout="1500">
<h2>What is it</h2>
<h2>When to use it</h2>
<p>A tabs component that provides different sections of content that are displayed one at a time when the user selects that information. </p>
<h2>How to use it</h2>
<p>The tabbed user interface enables users to jump to their target section quickly. Tabs present like logically group information on the same page. Information should </p>
<ul>
@@ -15,6 +15,7 @@
<li>obvious where they begin and end </li>
</ul>
<p>Users should not need to see content of multiple tabs simultaneously and the user should be able to easily recognise where they are within the content. </p>
<h2>When to use it</h2>
<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">
<pre class="language-html" tab="html">