<!-- Floating side nav with Button children -->
<Nav position="floating" direction="left" palette="accent" rounded>
    <Button variant="ghost" palette="accent" direction="row"
        active onclick={() => {}}>
        <span class="material-symbols-outlined">design_services</span>
        Design
    </Button>
    <Button variant="ghost" palette="accent" direction="row"
        onclick={() => {}}>
        <span class="material-symbols-outlined">code</span>
        Code
    </Button>
</Nav>