-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
141 changed files
with
1,981 additions
and
1,981 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -485,21 +485,21 @@ <h1>Breadcrumb Item</h1> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="code-preview__source-group" id="code-preview-source-group-43"> | ||
| <div class="code-preview__source-group" id="code-preview-source-group-51"> | ||
| <div class="code-preview__source code-preview__source--html" data-flavor="html"> | ||
| <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> | ||
| <pre><code class="language-html" id="code-block-260"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>sl-breadcrumb</span><span class="token punctuation">></span></span> | ||
| <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>sl-breadcrumb-item</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 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> | ||
| Home | ||
| <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>sl-breadcrumb-item</span><span class="token punctuation">></span></span> | ||
| <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> | ||
| <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> | ||
| <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>sl-breadcrumb</span><span class="token punctuation">></span></span> | ||
| </code><sl-copy-button class="copy-code-button" from="code-block-240"></sl-copy-button></pre> | ||
| </code><sl-copy-button class="copy-code-button" from="code-block-260"></sl-copy-button></pre> | ||
| </div> | ||
|
|
||
| <div class="code-preview__source code-preview__source--react" data-flavor="react"> | ||
| <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> | ||
| <pre><code class="language-jsx" id="code-block-261"><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> | ||
| <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> | ||
| <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> | ||
|
|
||
|
|
@@ -513,7 +513,7 @@ <h1>Breadcrumb Item</h1> | |
| </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"> | ||
| </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> | ||
| <span class="token punctuation">)</span><span class="token punctuation">;</span> | ||
| </code><sl-copy-button class="copy-code-button" from="code-block-241"></sl-copy-button></pre> | ||
| </code><sl-copy-button class="copy-code-button" from="code-block-261"></sl-copy-button></pre> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -522,7 +522,7 @@ <h1>Breadcrumb Item</h1> | |
| type="button" | ||
| class="code-preview__button code-preview__toggle" | ||
| aria-expanded="false" | ||
| aria-controls="code-preview-source-group-43" | ||
| aria-controls="code-preview-source-group-51" | ||
| > | ||
| Source | ||
| <svg | ||
|
|
@@ -597,7 +597,7 @@ <h2 id="importing" class="anchor-heading"> | |
| > | ||
| using a script tag: | ||
| </p> | ||
| <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> | ||
| <pre><code class="language-html" id="code-block-262"><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-262"></sl-copy-button></pre> | ||
| </sl-tab-panel> | ||
|
|
||
| <sl-tab-panel name="import"> | ||
|
|
@@ -612,17 +612,17 @@ <h2 id="importing" class="anchor-heading"> | |
| > | ||
| using a JavaScript import: | ||
| </p> | ||
| <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> | ||
| <pre><code class="language-js" id="code-block-263"><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-263"></sl-copy-button></pre> | ||
| </sl-tab-panel> | ||
|
|
||
| <sl-tab-panel name="bundler"> | ||
| <p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p> | ||
| <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> | ||
| <pre><code class="language-js" id="code-block-264"><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-264"></sl-copy-button></pre> | ||
| </sl-tab-panel> | ||
|
|
||
| <sl-tab-panel name="react"> | ||
| <p>To import this component as a <a href="/frameworks/react">React component</a>:</p> | ||
| <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> | ||
| <pre><code class="language-js" id="code-block-265"><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-265"></sl-copy-button></pre> | ||
| </sl-tab-panel> | ||
| </sl-tab-group> | ||
|
|
||
|
|
||
Oops, something went wrong.