Renders a top navigation menu with account dropdown for the app environment. This component is used in the +layout.svelte of the (app) and is hidden on desktop.

Navbar.svelte

​
Basic Usage

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

To import the component, use:

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

<Navbar/>
SidebarNavBottomNavbar