App Components
BottomNavbar
BottomNavbar.svelte is a component that renders a bottom navigation bar menu.
Renders a bottom navigation menu for the app environment.
This component is used in the +layout.svelte
of the (app)
and is hidden on desktop.
![](https://mintlify.s3-us-west-1.amazonaws.com/launchleopard/images/components/bottomnavbar.png)
BottomNavbar.svelte
Basic Usage
Add your own logo and navigation items to the BottomNavbar.svelte
component.
To import the component, use:
+layout.svelte
<script lang="ts">
import BottomNavbar from '$lib/ui/app/BottomNavbar.svelte';
</script>
<BottomNavbar/>