@@ -485,21 +485,21 @@ <h1>Breadcrumb Item</h1>
485485 </ div >
486486 </ div >
487487
488- < div class ="code-preview__source-group " id ="code-preview-source-group-37 ">
488+ < div class ="code-preview__source-group " id ="code-preview-source-group-43 ">
489489 < div class ="code-preview__source code-preview__source--html " data-flavor ="html ">
490- < pre > < code class ="language-html " id ="code-block-224 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-breadcrumb</ span > < span class ="token punctuation "> ></ span > </ span >
490+ < pre > < code class ="language-html " id ="code-block-240 "> < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-breadcrumb</ span > < span class ="token punctuation "> ></ span > </ span >
491491 < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span >
492492 < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-icon</ span > < span class ="token attr-name "> slot</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > prefix< span class ="token punctuation "> "</ span > </ span > < span class ="token attr-name "> name</ span > < span class ="token attr-value "> < span class ="token punctuation attr-equals "> =</ span > < span class ="token punctuation "> "</ span > house< 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 > sl-icon</ span > < span class ="token punctuation "> ></ span > </ span >
493493 Home
494494 < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span >
495495 < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span > Clothing< span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span >
496496 < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span > Shirts< span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > sl-breadcrumb-item</ span > < span class ="token punctuation "> ></ span > </ span >
497497< span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > sl-breadcrumb</ span > < span class ="token punctuation "> ></ span > </ span >
498- </ code > < sl-copy-button class ="copy-code-button " from ="code-block-224 "> </ sl-copy-button > </ pre >
498+ </ code > < sl-copy-button class ="copy-code-button " from ="code-block-240 "> </ sl-copy-button > </ pre >
499499 </ div >
500500
501501 < div class ="code-preview__source code-preview__source--react " data-flavor ="react ">
502- < pre > < code class ="language-jsx " id ="code-block-225 "> < span class ="token keyword "> import</ span > SlBreadcrumb < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/breadcrumb'</ span > < span class ="token punctuation "> ;</ span >
502+ < pre > < code class ="language-jsx " id ="code-block-241 "> < span class ="token keyword "> import</ span > SlBreadcrumb < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/breadcrumb'</ span > < span class ="token punctuation "> ;</ span >
503503< span class ="token keyword "> import</ span > SlBreadcrumbItem < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/breadcrumb-item'</ span > < span class ="token punctuation "> ;</ span >
504504< span class ="token keyword "> import</ span > SlIcon < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/icon'</ span > < span class ="token punctuation "> ;</ span >
505505
@@ -513,7 +513,7 @@ <h1>Breadcrumb Item</h1>
513513 </ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> <</ span > < span class ="token class-name "> SlBreadcrumbItem</ span > </ span > < span class ="token punctuation "> ></ span > </ span > < span class ="token plain-text "> Shirts</ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > < span class ="token class-name "> SlBreadcrumbItem</ span > </ span > < span class ="token punctuation "> ></ span > </ span > < span class ="token plain-text ">
514514 </ span > < span class ="token tag "> < span class ="token tag "> < span class ="token punctuation "> </</ span > < span class ="token class-name "> SlBreadcrumb</ span > </ span > < span class ="token punctuation "> ></ span > </ span >
515515< span class ="token punctuation "> )</ span > < span class ="token punctuation "> ;</ span >
516- </ code > < sl-copy-button class ="copy-code-button " from ="code-block-225 "> </ sl-copy-button > </ pre >
516+ </ code > < sl-copy-button class ="copy-code-button " from ="code-block-241 "> </ sl-copy-button > </ pre >
517517 </ div >
518518 </ div >
519519
@@ -522,7 +522,7 @@ <h1>Breadcrumb Item</h1>
522522 type ="button "
523523 class ="code-preview__button code-preview__toggle "
524524 aria-expanded ="false "
525- aria-controls ="code-preview-source-group-37 "
525+ aria-controls ="code-preview-source-group-43 "
526526 >
527527 Source
528528 < svg
@@ -597,7 +597,7 @@ <h2 id="importing" class="anchor-heading">
597597 >
598598 using a script tag:
599599 </ p >
600- < pre > < code class ="
language-html "
id ="
code-block-226 "
> < 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/@onsonr/
[email protected] /cdn/components/breadcrumb-item/breadcrumb-item.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 > < sl-copy-button class ="
copy-code-button "
from ="
code-block-226 "
> </ sl-copy-button > </ pre > 600+ < pre > < code class ="
language-html "
id ="
code-block-242 "
> < 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/@onsonr/
[email protected] /cdn/components/breadcrumb-item/breadcrumb-item.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 > < sl-copy-button class ="
copy-code-button "
from ="
code-block-242 "
> </ sl-copy-button > </ pre > 601601 </ sl-tab-panel >
602602
603603 < sl-tab-panel name ="import ">
@@ -612,17 +612,17 @@ <h2 id="importing" class="anchor-heading">
612612 >
613613 using a JavaScript import:
614614 </ p >
615- < pre > < code class ="
language-js "
id ="
code-block-227 "
> < span class ="
token keyword "
> import
</ span > < span class ="
token string "
> 'https://cdn.jsdelivr.net/npm/@onsonr/
[email protected] /cdn/components/breadcrumb-item/breadcrumb-item.js'
</ span > < span class ="
token punctuation "
> ;
</ span > </ code > < sl-copy-button class ="
copy-code-button "
from ="
code-block-227 "
> </ sl-copy-button > </ pre > 615+ < pre > < code class ="
language-js "
id ="
code-block-243 "
> < span class ="
token keyword "
> import
</ span > < span class ="
token string "
> 'https://cdn.jsdelivr.net/npm/@onsonr/
[email protected] /cdn/components/breadcrumb-item/breadcrumb-item.js'
</ span > < span class ="
token punctuation "
> ;
</ span > </ code > < sl-copy-button class ="
copy-code-button "
from ="
code-block-243 "
> </ sl-copy-button > </ pre > 616616 </ sl-tab-panel >
617617
618618 < sl-tab-panel name ="bundler ">
619619 < p > To import this component using < a href ="/getting-started/installation#bundling "> a bundler</ a > :</ p >
620- < pre > < code class ="language-js " id ="code-block-228 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@onsonr/nebula/dist/components/breadcrumb-item/breadcrumb-item.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < sl-copy-button class ="copy-code-button " from ="code-block-228 "> </ sl-copy-button > </ pre >
620+ < pre > < code class ="language-js " id ="code-block-244 "> < span class ="token keyword "> import</ span > < span class ="token string "> '@onsonr/nebula/dist/components/breadcrumb-item/breadcrumb-item.js'</ span > < span class ="token punctuation "> ;</ span > </ code > < sl-copy-button class ="copy-code-button " from ="code-block-244 "> </ sl-copy-button > </ pre >
621621 </ sl-tab-panel >
622622
623623 < sl-tab-panel name ="react ">
624624 < p > To import this component as a < a href ="/frameworks/react "> React component</ a > :</ p >
625- < pre > < code class ="language-js " id ="code-block-229 "> < span class ="token keyword "> import</ span > SlBreadcrumbItem < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/breadcrumb-item'</ span > < span class ="token punctuation "> ;</ span > </ code > < sl-copy-button class ="copy-code-button " from ="code-block-229 "> </ sl-copy-button > </ pre >
625+ < pre > < code class ="language-js " id ="code-block-245 "> < span class ="token keyword "> import</ span > SlBreadcrumbItem < span class ="token keyword "> from</ span > < span class ="token string "> '@onsonr/nebula/dist/react/breadcrumb-item'</ span > < span class ="token punctuation "> ;</ span > </ code > < sl-copy-button class ="copy-code-button " from ="code-block-245 "> </ sl-copy-button > </ pre >
626626 </ sl-tab-panel >
627627 </ sl-tab-group >
628628
0 commit comments