# Tabs reference: [https://flowbite.com/docs/components/tabs/](https://flowbite.com/docs/components/tabs/) ## Prop - variant (default) ```typescript export type TabsVariant = 'default' | 'underline' | 'pills' defineProps({ variant: { type: String as PropType, default: 'default', }, }) ``` ```vue ``` ## Prop - variant (underline) ```vue ``` ## Prop - variant (pills) ```vue ``` ## Prop - directive Use this props if you want to control which directive to use for rendering every tab content ```typescript export type TabsVariant = 'default' | 'underline' | 'pills' defineProps({ directive: { type: String as PropType<'if' | 'show'>, default: 'if', }, }) ```