forked from coracle/flotilla
Jon Staab
18 lines
359 B
Svelte
18 lines
359 B
Svelte
<script lang="ts">
|
|
import {page} from "$app/stores"
|
|
|
|
export let href
|
|
|
|
$: active = $page.route.id?.startsWith(href)
|
|
</script>
|
|
|
|
<a
|
|
{href}
|
|
class="button group justify-start border-none transition-all hover:bg-base-100"
|
|
class:text-stark-content={active}
|
|
class:bg-base-100={active}>
|
|
<div class="flex items-center gap-3">
|
|
<slot />
|
|
</div>
|
|
</a>
|