Skip to content

Commit

Permalink
Docs/ Nav List example for highlighting to match main Nav List example (
Browse files Browse the repository at this point in the history
  • Loading branch information
ddxv authored Oct 27, 2023
1 parent df5caa1 commit 67e8572
Showing 1 changed file with 2 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -183,7 +183,7 @@
<ul>
<li>
<a href="/elements/lists">
<span class="badge bg-primary-500">💀</span>
<span class="badge bg-primary-500">(icon)</span>
<span class="flex-auto">Skeleton</span>
</a>
</li>
Expand All @@ -196,7 +196,7 @@
</DocsPreview>
<p>To highlight active state, we recommend conditionally applying a background color to the anchor tag.</p>
<CodeBlock language="ts" code={`$: classesActive = (href: string) => (href === $page.url.pathname ? '!bg-primary-500' : '');`} />
<CodeBlock language="html" code={`<a {href} class="{classesActive(href)}">Page</a>`} />
<CodeBlock language="html" code={`<a href={href} class="{classesActive(href)}">Page</a>`} />
</section>
</svelte:fragment>
</DocsShell>

0 comments on commit 67e8572

Please sign in to comment.