Navbar

Renders a top navigation menu with account dropdown for the landing page. This component is used in the +layout.svelte of the (landing).

Includes your app name on the left, navigation items in the middle, and theme switcher and sign in button on the right.

Navbar.svelte

​

Basic Usage

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

To import the component, use:

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

<Navbar />