Underline Tabs
Examples
<script>
import { UnderlineTabs }from 'flowbite-svelte';
let tabs = [
{
name: "Profile",
active: true,
href: "/#",
rel: undefined,
},
{
name: "Dashboard",
active: false,
href: "/#",
rel: undefined,
},
{
name: "Settings",
active: false,
href: "/#",
rel: undefined,
},
{
name: "Contacts",
active: false,
href: "/#",
rel: undefined,
},
];
</script>
<UnderlineTabs {tabs} />
Props
The component has the following props, type, and default values. See types page for type information.
Name | Type | Default |
---|---|---|
divClass | string | 'text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:text-gray-400 dark:border-gray-700' |
tabs | TabType[] |