@@ -468,12 +468,12 @@ <h1>Accordion</h1>
468468 </ div >
469469 </ div >
470470
471- < div class ="code-preview__source-group " id ="code-preview-source-group-15 ">
471+ < div class ="code-preview__source-group " id ="code-preview-source-group-16 ">
472472 < div class ="code-preview__source code-preview__source--html ">
473- < pre > < code class ="language-html " id ="code-block-21 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > zn-accordion</ span > < span class ="token attr-name "> caption</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > This is the caption< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> label</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > label< span class ="token punctuation "> "</ span > </ span > < span class ="token punctuation "> ></ span > </ span >
473+ < pre > < code class ="language-html " id ="code-block-22 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > zn-accordion</ span > < span class ="token attr-name "> caption</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > This is the caption< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> label</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > label< span class ="token punctuation "> "</ span > </ span > < span class ="token punctuation "> ></ span > </ span >
474474 Boo < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > zn-icon</ span > < span class ="token attr-name "> src</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > android< span class ="token punctuation "> "</ span > </ span > < span class ="token punctuation "> ></ span > </ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > zn-icon</ span > < span class ="token punctuation "> ></ span > </ span >
475475< span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > zn-accordion</ span > < span class ="token punctuation "> ></ span > </ span >
476- </ code > < zn-copy-button class ="copy-code-button " from ="code-block-21 "> </ zn-copy-button > </ pre >
476+ </ code > < zn-copy-button class ="copy-code-button " from ="code-block-22 "> </ zn-copy-button > </ pre >
477477 </ div >
478478 </ div >
479479
@@ -482,7 +482,7 @@ <h1>Accordion</h1>
482482 type ="button "
483483 class ="code-preview__button code-preview__toggle "
484484 aria-expanded ="false "
485- aria-controls ="code-preview-source-group-15 "
485+ aria-controls ="code-preview-source-group-16 "
486486 >
487487 Source
488488 < svg
@@ -532,7 +532,7 @@ <h2 id="importing" class="anchor-heading">
532532 >
533533 using a script tag:
534534 </ p >
535- < pre > < code class ="language-html " id ="code-block-22 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > script</ span > < span class ="token attr-name "> type</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > module< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> src</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js< span class ="token punctuation "> "</ span > </ span > < span class ="token punctuation "> ></ span > </ span > < span class ="token script "> </ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > script</ span > < span class ="token punctuation "> ></ span > </ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-22 "> </ zn-copy-button > </ pre >
535+ < pre > < code class ="language-html " id ="code-block-23 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > script</ span > < span class ="token attr-name "> type</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > module< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> src</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js< span class ="token punctuation "> "</ span > </ span > < span class ="token punctuation "> ></ span > </ span > < span class ="token script "> </ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > script</ span > < span class ="token punctuation "> ></ span > </ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-23 "> </ zn-copy-button > </ pre >
536536 </ zn-accordion >
537537
538538 < zn-accordion caption ="JavaScript ">
@@ -547,12 +547,12 @@ <h2 id="importing" class="anchor-heading">
547547 >
548548 using a JavaScript import:
549549 </ p >
550- < pre > < code class ="language-js " id ="code-block-23 "> < span class ="token keyword "> import</ span > < span class ="token string "> 'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-23 "> </ zn-copy-button > </ pre >
550+ < pre > < code class ="language-js " id ="code-block-24 "> < span class ="token keyword "> import</ span > < span class ="token string "> 'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-24 "> </ zn-copy-button > </ pre >
551551 </ zn-accordion >
552552
553553 < zn-accordion caption ="Bundler ">
554554 < p > To import this component using < a href ="/getting-started/installation#bundling "> a bundler</ a > :</ p >
555- < pre > < code class ="language-js " id ="code-block-24 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@kubex/zinc/dist/components/accordion/accordion.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-24 "> </ zn-copy-button > </ pre >
555+ < pre > < code class ="language-js " id ="code-block-25 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@kubex/zinc/dist/components/accordion/accordion.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-25 "> </ zn-copy-button > </ pre >
556556 </ zn-accordion >
557557
558558 < h2 id ="slots " class ="anchor-heading "> Slots< a href ="#slots " aria-label ='Direct link to "Slots" '> </ a > </ h2 >
0 commit comments