Navbar Default

<script>
  import { Navbar } from "flowbite-svelte";
  let siteName = "Flowbite Svelte";
  let logo = "/images/flowbite-svelte-logo-30.png";
  let alt = "flowbite-svelte";
  let textsize = "text-lg";
  let menus = [
    {
      name: "Home",
      href: "/",
    },
    {
      name: "GitHub",
      href: "https://github.com/shinokada/flowbite-svelte"
    },
    {
      name: "Design",
      href: "https://flowbite-svelte.vercel.app",
    },
  ];
</script>

<Navbar {menus} {siteName} {alt} {logo} {textsize} />

text-xs

<Navbar textsize="text-xs" {siteName} {menus}/>

text-sm

<Navbar textsize="text-sm" {siteName} {menus} />

text-base

<Navbar textsize="text-base" {siteName} {menus} />

text-lg

<Navbar textsize="text-lg" {siteName} {menus}/>

text-xl

<Navbar textsize="text-xl" {menus}/>

Props

The component has the following props, type, and default values. See types page for type information.

Related components

References