Renders a sidebar navigation menu for the app environment. This component is used in the +layout.svelte of the (app) and is hidden on mobile.

Sidebar.svelte (component on the left)

Basic Usage

Add your own logo and navigation items to the SidebarNav.svelte component.

To import the component, use:

+layout.svelte
<script lang="ts">
    import SidebarNav from '$lib/ui/app/SidebarNav.svelte';
</script>

<SidebarNav/>