Full Width Tabs

Examples

<script>
  import { FullWidthTabs } from 'flowbite-svelte'
  let tabLabel = 'Select a target'
  let tabs = [
  {
    name: "Profile",
    active: true,
    href: "/#",
    rel: undefined,
  },
  {
    name: "Dashboard",
    active: false,
    href: "/",
  },
  {
    name: "Settings",
    active: false,
    href: "/",
  },
  {
    name: "Contacts",
    active: false,
    href: "/",
  },
];
</script>

<FullWidthTabs {tabs} {tabLabel}/>

Props

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

Name Type Default
tabs TabType[] -
tabLabel string -

Default Tabs

Underline Tabs

Icon Tabs

Full width Tabs

Interactive Tabs

Interactive Tabs 2

Multiple Interactive Tabs

Pill Tabs

References

Flowbite Tabs