deploy: 65c69de

components/accordion/index.html

@@ -166,7 +166,7 @@
       </div>
     </div>
   </div>
-&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/accordion/>https://www.w3.org/WAI/ARIA/apg/patterns/accordion/</a>)</p><p>For optimal accessibility we recommend setting <code>id</code> and <code>aria-controls</code> on the <code>AccordionSummary</code>. The Accordion will derive the necessary <code>aria-labelledby</code> and <code>id</code> for the content region of the accordion.</p><h2 id=related>Related</h2><ul><li><a href=/components/collapse/>Collapse</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/accordion/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
+&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/accordion/>https://www.w3.org/WAI/ARIA/apg/patterns/accordion/</a>)</p><p>For optimal accessibility we recommend setting <code>id</code> and <code>aria-controls</code> on the <code>AccordionSummary</code>. The Accordion will derive the necessary <code>aria-labelledby</code> and <code>id</code> for the content region of the accordion.</p><h2 id=related>Related</h2><ul><li><a href=/components/collapse/>Collapse</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/accordion/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
 <script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>

components/alerts/index.html

@@ -114,7 +114,7 @@
       <p class="mb-0">You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. </p>
     </div>
   </div>
-&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/alert/>https://www.w3.org/WAI/ARIA/apg/patterns/alert/</a>)</p><p>When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.</p><p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.</p><p>Actions must have a tab index of 0 so that they can be reached by keyboard-only users.</p><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></div><div class=tab-pane id=tabpanel-1 role=tabpanel><div class=bd-main-content><div class="bd-toc d-none d-xl-block py-8"><div class="doc-nav align-self-start d-none d-xl-flex flex-column fs-sm"><span class="fw-semibold fs-xs text-uppercase">Contents</span><div class="doc-nav-content position-relative mt-2" id=doc-nav-1><nav id=TableOfContents><ul><li><a href=#usage>Usage</a><ul><li><a href=#initialize>Initialize</a></li><li><a href=#triggers>Triggers</a></li></ul></li><li><a href=#methods>Methods</a></li><li><a href=#events>Events</a></li></ul></nav></div></div></div><div class="bd-content px-4 px-md-6 px-lg-10 px-xl-20 py-8" data-bs-spy=scroll data-bs-target=#doc-nav-1 data-bs-smooth-scroll=true tabindex=0><h2 id=usage>Usage</h2><h3 id=initialize>Initialize</h3><p>Initialize elements as alerts</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alertList</span> <span class=o>=</span> <span class=nb>document</span><span class=p>.</span><span class=nx>querySelectorAll</span><span class=p>(</span><span class=s2>&#34;.alert&#34;</span><span class=p>);</span>
+&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/alert/>https://www.w3.org/WAI/ARIA/apg/patterns/alert/</a>)</p><p>When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.</p><p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.</p><p>Actions must have a tab index of 0 so that they can be reached by keyboard-only users.</p><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></div><div class=tab-pane id=tabpanel-1 role=tabpanel><div class=bd-main-content><div class="bd-toc d-none d-xl-block py-8"><div class="doc-nav align-self-start d-none d-xl-flex flex-column fs-sm"><span class="fw-semibold fs-xs text-uppercase">Contents</span><div class="doc-nav-content position-relative mt-2" id=doc-nav-1><nav id=TableOfContents><ul><li><a href=#usage>Usage</a><ul><li><a href=#initialize>Initialize</a></li><li><a href=#triggers>Triggers</a></li></ul></li><li><a href=#methods>Methods</a></li><li><a href=#events>Events</a></li></ul></nav></div></div></div><div class="bd-content px-4 px-md-6 px-lg-10 px-xl-20 py-8" data-bs-spy=scroll data-bs-target=#doc-nav-1 data-bs-smooth-scroll=true tabindex=0><h2 id=usage>Usage</h2><h3 id=initialize>Initialize</h3><p>Initialize elements as alerts</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alertList</span> <span class=o>=</span> <span class=nb>document</span><span class=p>.</span><span class=nx>querySelectorAll</span><span class=p>(</span><span class=s2>&#34;.alert&#34;</span><span class=p>);</span>
 </span></span><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alerts</span> <span class=o>=</span> <span class=p>[...</span><span class=nx>alertList</span><span class=p>].</span><span class=nx>map</span><span class=p>((</span><span class=nx>element</span><span class=p>)</span> <span class=p>=&gt;</span> <span class=k>new</span> <span class=nx>bootstrap</span><span class=p>.</span><span class=nx>Alert</span><span class=p>(</span><span class=nx>element</span><span class=p>));</span>
 </span></span></code></pre></div><section class="alert alert-info my-5" role=alert><div class="d-flex gap-4"><span><i class="fa-solid fa-circle-info icon-info fa-lg"></i></span><div><p>For the sole purpose of dismissing an alert, it isn&rsquo;t necessary to initialize the component manually via the JS API. By making use of <code>data-bs-dismiss="alert"</code>, the component will be initialized automatically and properly dismissed.</p><p>See the <a href=#triggers>triggers</a> section for more details.</p><pre><code>&lt;/div&gt;
 </code></pre></div></section><h3 id=triggers>Triggers</h3><p>Dismissal can be achieved with the <code>data</code> attribute on a button <strong>within the alert</strong> as demonstrated below:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>button</span> <span class=na>type</span><span class=o>=</span><span class=s>&#34;button&#34;</span> <span class=na>class</span><span class=o>=</span><span class=s>&#34;btn-close&#34;</span> <span class=na>data-bs-dismiss</span><span class=o>=</span><span class=s>&#34;alert&#34;</span> <span class=na>aria-label</span><span class=o>=</span><span class=s>&#34;Close&#34;</span><span class=p>&gt;&lt;/</span><span class=nt>button</span><span class=p>&gt;</span>
@@ -128,7 +128,7 @@
 </span></span></span><span class=line><span class=cl><span class=c1></span>  <span class=c1>// so it doesn&#39;t get lost/reset to the start of the page
 </span></span></span><span class=line><span class=cl><span class=c1></span>  <span class=c1>// document.getElementById(&#39;...&#39;).focus()
 </span></span></span><span class=line><span class=cl><span class=c1></span><span class=p>});</span>
-</span></span></code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
+</span></span></code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
 <script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>

components/avatar-group/index.html

@@ -36,7 +36,7 @@
     <img class="avatar" src="/images/avatar/4.jpg" />
     <img class="avatar" src="/images/avatar/5.jpg" />
     <span class="avatar">+6</span>
-&lt;/div&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar/>Avatar</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar-group/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
+&lt;/div&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar/>Avatar</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar-group/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
 <script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>

components/avatar/index.html

@@ -38,7 +38,7 @@
 <img class="avatar" src="/images/avatar/1.jpg" />
 <img class="avatar avatar-lg" src="/images/avatar/1.jpg" />
 <img class="avatar avatar-xl" src="/images/avatar/1.jpg" />
-&lt;img class=&#34;avatar avatar-xxl&#34; src=&#34;/images/avatar/1.jpg&#34; /&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar-group/>Avatar group</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
+&lt;img class=&#34;avatar avatar-xxl&#34; src=&#34;/images/avatar/1.jpg&#34; /&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar-group/>Avatar group</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
 <script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>

components/badge/index.html

@@ -64,7 +64,7 @@
 <span class="badge rounded-pill text-bg-warning">Warning</span>
 <span class="badge rounded-pill text-bg-info">Info</span>
 <span class="badge rounded-pill text-bg-light">Light</span>
-&lt;span class=&#34;badge rounded-pill text-bg-dark&#34;&gt;Dark&lt;/span&gt;</code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/badge/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/606f5cb622bf7e799e1e427bad4ce78c46d23eba>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
+&lt;span class=&#34;badge rounded-pill text-bg-dark&#34;&gt;Dark&lt;/span&gt;</code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/badge/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
 <script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>