Skip to content

Commit

Permalink
deploy: ea3dc2b
Browse files Browse the repository at this point in the history
  • Loading branch information
@prnk28
prnk28 committed Jan 7, 2025
1 parent 244e69a commit 8afee0b
Show file tree
Hide file tree
Showing 95 changed files with 4,234 additions and 4,234 deletions.
2 changes: 1 addition & 1 deletion assets/search.json
View file

Large diffs are not rendered by default.

92 changes: 46 additions & 46 deletions components/alert/index.html
View file

Large diffs are not rendered by default.

56 changes: 28 additions & 28 deletions components/animated-image/index.html
View file

Large diffs are not rendered by default.

64 changes: 32 additions & 32 deletions components/animation/index.html
View file

Large diffs are not rendered by default.

80 changes: 40 additions & 40 deletions components/avatar/index.html
View file

Large diffs are not rendered by default.

80 changes: 40 additions & 40 deletions components/badge/index.html
View file

Large diffs are not rendered by default.

20 changes: 10 additions & 10 deletions components/breadcrumb-item/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -485,21 +485,21 @@ <h1>Breadcrumb Item</h1>
</div>
</div>

<div class="code-preview__source-group" id="code-preview-source-group-29">
<div class="code-preview__source-group" id="code-preview-source-group-43">
<div class="code-preview__source code-preview__source--html" data-flavor="html">
<pre><code class="language-html" id="code-block-76"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-breadcrumb</span><span class="token punctuation">&gt;</span></span>
<pre><code class="language-html" id="code-block-240"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-breadcrumb</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-icon</span><span class="token punctuation">&gt;</span></span>
Home
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>Clothing<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>Shirts<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-breadcrumb-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>sl-breadcrumb</span><span class="token punctuation">&gt;</span></span>
</code><sl-copy-button class="copy-code-button" from="code-block-76"></sl-copy-button></pre>
</code><sl-copy-button class="copy-code-button" from="code-block-240"></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-77"><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-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>
<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>

Expand All @@ -513,7 +513,7 @@ <h1>Breadcrumb Item</h1>
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">SlBreadcrumbItem</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">Shirts</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">SlBreadcrumbItem</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">SlBreadcrumb</span></span><span class="token punctuation">&gt;</span></span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
</code><sl-copy-button class="copy-code-button" from="code-block-77"></sl-copy-button></pre>
</code><sl-copy-button class="copy-code-button" from="code-block-241"></sl-copy-button></pre>
</div>
</div>

Expand All @@ -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-29"
aria-controls="code-preview-source-group-43"
>
Source
<svg
Expand Down Expand Up @@ -597,7 +597,7 @@ <h2 id="importing" class="anchor-heading">
>
using a script tag:
</p>
<pre><code class="language-html" id="code-block-78"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><sl-copy-button class="copy-code-button" from="code-block-78"></sl-copy-button></pre>
<pre><code class="language-html" id="code-block-242"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</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">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><sl-copy-button class="copy-code-button" from="code-block-242"></sl-copy-button></pre>
</sl-tab-panel>

<sl-tab-panel name="import">
Expand All @@ -612,17 +612,17 @@ <h2 id="importing" class="anchor-heading">
>
using a JavaScript import:
</p>
<pre><code class="language-js" id="code-block-79"><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-79"></sl-copy-button></pre>
<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>
</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-80"><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-80"></sl-copy-button></pre>
<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>
</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-81"><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-81"></sl-copy-button></pre>
<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>
</sl-tab-panel>
</sl-tab-group>

Expand Down
Loading

0 comments on commit 8afee0b

Please sign in to comment.