svelte-playground/src/lib/components/nav.svelte

<script>
    import { base } from '$app/paths';
</script>

<nav>
    <a class = "nav-button" href="{base}/">home</a>
    <a class = "nav-button" href="{base}/about">about</a>
</nav>

<style>
    nav {
        margin: 1em;
        padding: 1em;
        display: flex;
    }
    .nav-button {
        padding: 8px;
        border-bottom: solid 1px black;
    }

</style>