Summary Files Commits Branches @commit @diff @stats
path: root / docs
diff options
context:
space:
mode:
Commit1863bca6d2718c777ac8fa2a0440da7b006d32b9 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-06-10 08:55:26 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2018-06-10 08:55:26 +0800
Filesb838e9e4b086299fc3885e03fef794efc0e85482 /docs
Spectre-Dark-Gruvbox-1863bca6d2718c777ac8fa2a0440da7b006d32b9.tar
Spectre-Dark-Gruvbox-1863bca6d2718c777ac8fa2a0440da7b006d32b9.tar.gz
Spectre-Dark-Gruvbox-1863bca6d2718c777ac8fa2a0440da7b006d32b9.zip
Parent0c2eedf551cb7d3c2ad6c3a5e7f35ef6a1ac655c (diff)
Fix Accordion example #438
2 files changed, 4 insertions, 4 deletions
-rw-r--r--docs/components.html4
-rw-r--r--docs/src/contents/accordions.pug4
diff --git a/docs/components.html b/docs/components.html
index 04b1e04..12d07bd 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -212,7 +212,7 @@
<pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- standard Accordions example --&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion"</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"accordion-1"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"accordion-checkbox"</span> <span class="hljs-attr">hidden</span>&gt;</span>
- <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"accordion-1"</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-right mr-1"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
Title
<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
@@ -224,7 +224,7 @@
<span class="hljs-comment">&lt;!-- mutually exclusive Accordions example (with same input names) --&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion"</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"accordion-1"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"accordion-radio"</span> <span class="hljs-attr">hidden</span>&gt;</span>
- <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"accordion-1"</span>&gt;</span>
Title
<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-body"</span>&gt;</span>
diff --git a/docs/src/contents/accordions.pug b/docs/src/contents/accordions.pug
index 4e6838b..964fab7 100644
--- a/docs/src/contents/accordions.pug
+++ b/docs/src/contents/accordions.pug
@@ -73,7 +73,7 @@ pre.code(data-lang='HTML')
<!-- standard Accordions example -->
<div class="accordion">
<input type="checkbox" id="accordion-1" name="accordion-checkbox" hidden>
- <label class="accordion-header">
+ <label class="accordion-header" for="accordion-1">
<i class="icon icon-arrow-right mr-1"></i>
Title
</label>
@@ -85,7 +85,7 @@ pre.code(data-lang='HTML')
<!-- mutually exclusive Accordions example (with same input names) -->
<div class="accordion">
<input type="radio" id="accordion-1" name="accordion-radio" hidden>
- <label class="accordion-header">
+ <label class="accordion-header" for="accordion-1">
Title
</label>
<div class="accordion-body">