Tabs
Tabs have the following properties:
| Property | Required? | Type | Options | Description |
|---|---|---|---|---|
| bg | no | string |
|
Background color of the Tabs. |
| classes | no | string | Extra classes that can be added to the Tabs component. | |
| type | no | bool |
|
The color theme of the Tabs component. |
Basic Examples
Basic Tabs example.
1<x-fcui-tabs>2 <x-fcui-tab>Tab 1</x-fcui-tab>3 4 <x-fcui-tab>Tab 2</x-fcui-tab>5 6 <x-fcui-tab :active="true">Tab 3</x-fcui-tab>7 8 <x-fcui-tab>Tab 4</x-fcui-tab>9</x-fcui-tabs>
Advanced Example
Tabs with a transparent background
1<x-fcui-tabs bg="transparent">2 <x-fcui-tab>Tab 1</x-fcui-tab>3 4 <x-fcui-tab>Tab 2</x-fcui-tab>5 6 <x-fcui-tab :active="true">Tab 3</x-fcui-tab>7 8 <x-fcui-tab>Tab 4</x-fcui-tab>9</x-fcui-tabs>