App Components
SidebarNav
SidebarNav.svelte is a component that renders a sidebar navigation menu.
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.
![](https://mintlify.s3-us-west-1.amazonaws.com/launchleopard/images/components/sidebar.png)
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/>