@@ -473,10 +473,10 @@ <h1>Inline Edit</h1>
473473 </ div >
474474 </ div >
475475
476- < div class ="code-preview__source-group " id ="code-preview-source-group-77 ">
476+ < div class ="code-preview__source-group " id ="code-preview-source-group-79 ">
477477 < div class ="code-preview__source code-preview__source--html ">
478- < pre > < code class ="language-html " id ="code-block-180 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > zn-inline-edit</ 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 > Something< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> value</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > Awesome< 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-inline-edit</ span > < span class ="token punctuation "> ></ span > </ span >
479- </ code > < zn-copy-button class ="copy-code-button " from ="code-block-180 "> </ zn-copy-button > </ pre >
478+ < pre > < code class ="language-html " id ="code-block-182 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > zn-inline-edit</ 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 > Something< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> value</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > Awesome< 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-inline-edit</ span > < span class ="token punctuation "> ></ span > </ span >
479+ </ code > < zn-copy-button class ="copy-code-button " from ="code-block-182 "> </ zn-copy-button > </ pre >
480480 </ div >
481481 </ div >
482482
@@ -485,7 +485,7 @@ <h1>Inline Edit</h1>
485485 type ="button "
486486 class ="code-preview__button code-preview__toggle "
487487 aria-expanded ="false "
488- aria-controls ="code-preview-source-group-77 "
488+ aria-controls ="code-preview-source-group-79 "
489489 >
490490 Source
491491 < svg
@@ -535,7 +535,7 @@ <h2 id="importing" class="anchor-heading">
535535 >
536536 using a script tag:
537537 </ p >
538- < pre > < code class ="language-html " id ="code-block-181 "> < 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/inline-edit/inline-edit.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-181 "> </ zn-copy-button > </ pre >
538+ < pre > < code class ="language-html " id ="code-block-183 "> < 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/inline-edit/inline-edit.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-183 "> </ zn-copy-button > </ pre >
539539 </ zn-accordion >
540540
541541 < zn-accordion caption ="JavaScript ">
@@ -550,12 +550,12 @@ <h2 id="importing" class="anchor-heading">
550550 >
551551 using a JavaScript import:
552552 </ p >
553- < pre > < code class ="language-js " id ="code-block-182 "> < span class ="token keyword "> import</ span > < span class ="token string "> 'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/inline-edit/inline-edit.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-182 "> </ zn-copy-button > </ pre >
553+ < pre > < code class ="language-js " id ="code-block-184 "> < span class ="token keyword "> import</ span > < span class ="token string "> 'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/inline-edit/inline-edit.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-184 "> </ zn-copy-button > </ pre >
554554 </ zn-accordion >
555555
556556 < zn-accordion caption ="Bundler ">
557557 < p > To import this component using < a href ="/getting-started/installation#bundling "> a bundler</ a > :</ p >
558- < pre > < code class ="language-js " id ="code-block-183 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@kubex/zinc/dist/components/inline-edit/inline-edit.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-183 "> </ zn-copy-button > </ pre >
558+ < pre > < code class ="language-js " id ="code-block-185 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@kubex/zinc/dist/components/inline-edit/inline-edit.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < zn-copy-button class ="copy-code-button " from ="code-block-185 "> </ zn-copy-button > </ pre >
559559 </ zn-accordion >
560560
561561 < h2 id ="slots " class ="anchor-heading "> Slots< a href ="#slots " aria-label ='Direct link to "Slots" '> </ a > </ h2 >
0 commit comments