aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/projects/src/app/pages/nav/nav-item.svelte
blob: 335cbbb6b466d67c3be1ce6967498f29a8ed8f61 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script lang="ts">
    import {link} from "svelte-spa-router";
    import Icon from "$shared/components/icon.svelte";
    
    export let external = "";
    export let to = "";
    export let text;
    export let icon;
</script>

<li class="sidenav-v4__item">
    <a class="sidenav-v4__link" href={to ?? external} use:link={external === ""}>
        {#if icon}
            <Icon class="sidenav-v4__icon icon" name="{icon}" />
        {/if}
        <span>{text}</span>
    </a>
</li>