Tailwind CSS Navbar - Taco Svelte

The navbar is an important UI/UX component that helps users quickly visit any site section. Below we are presenting an example of the Navbar component that you can use in your Taco project.

Full Width:

true

false

Blurred:

true

false

Shadow:

true

false

Variant:

filled

gradient

Title

Color navbar

<Navbar 
    items="linksNavbar"
    fullWidth="false"
    color="white"
    variant="filled"
    blurred="true"
    shadow="true"
    >
        <span slot="title">
            Navbar Component
        </span>
        <Button slot="button" size="md" variant="gradient" color="blue">
                Buy
            </Button>
    </Navbar>

Props

Learn more about props definition and types of navbar component.