@@ -314,10 +314,6 @@ <h2>Components</h2>
314314 < a href ="/components/pagination "> Pagination </ a >
315315 </ li >
316316
317- < li >
318- < a href ="/components/pane "> Pane </ a >
319- </ li >
320-
321317 < li >
322318 < a href ="/components/panel "> Panel </ a >
323319 </ li >
@@ -468,12 +464,12 @@ <h1>Accordion</h1>
468464 </ div >
469465 </ div >
470466
471- < div class ="code-preview__source-group " id ="code-preview-source-group-16 ">
467+ < div class ="code-preview__source-group " id ="code-preview-source-group-15 ">
472468 < div class ="code-preview__source code-preview__source--html ">
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 >
469+ < 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 >
474470 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 >
475471< 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-22 "> </ zn-copy-button > </ pre >
472+ </ code > < zn-copy-button class ="copy-code-button " from ="code-block-21 "> </ zn-copy-button > </ pre >
477473 </ div >
478474 </ div >
479475
@@ -482,7 +478,7 @@ <h1>Accordion</h1>
482478 type ="button "
483479 class ="code-preview__button code-preview__toggle "
484480 aria-expanded ="false "
485- aria-controls ="code-preview-source-group-16 "
481+ aria-controls ="code-preview-source-group-15 "
486482 >
487483 Source
488484 < svg
@@ -532,7 +528,7 @@ <h2 id="importing" class="anchor-heading">
532528 >
533529 using a script tag:
534530 </ p >
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/
[email protected] /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 > 531+ < 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/
[email protected] /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 > 536532 </ zn-accordion >
537533
538534 < zn-accordion caption ="JavaScript ">
@@ -547,12 +543,12 @@ <h2 id="importing" class="anchor-heading">
547543 >
548544 using a JavaScript import:
549545 </ p >
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/
[email protected] /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 > 546+ < 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/
[email protected] /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 > 551547 </ zn-accordion >
552548
553549 < zn-accordion caption ="Bundler ">
554550 < 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-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 >
551+ < 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 >
556552 </ zn-accordion >
557553
558554 < h2 id ="slots " class ="anchor-heading "> Slots< a href ="#slots " aria-label ='Direct link to "Slots" '> </ a > </ h2 >
0 commit comments