Implements a navbar component.
The navbar can consist of two sides left and right.
Both can be implemented using the left and right components supplied by this module.
Example use:
<.navbar aria_label="Main navigation" class="sticky top-0 border-transparent bg-white">
<span class="hidden text-lg font-light antialiased min-[1800px]:text-4xl lg:block xl:text-xl 2xl:text-3xl">
Brand
</span>
<.navbar_left>
<:item>
<.button class="sui-secondary">Home</.button>
</:item>
<:item>
<.button class="sui-secondary">Services</.button>
</:item>
</.navbar_left>
<.navbar_right>
<:item>
<.button
class="sui-secondary h-10 w-10 rounded-full"
>
<.icon name="hero-bars-3" class="h-6 w-6 shrink-0" />
</.button>
</:item>
</.navbar_right>
</.navbar>
Attributes
aria_label
(:string
) - Defaults to "Primary Menu"
.class
(:string
) - Defaults to ""
.
Slots