Basic Tabs
Simple tabbed interface
This is the overview tab content.
With Handler
Tabs with change handler
This is the overview tab content.
Browse components
Tabs
Tab list driven by a tabs array, in default or pills style.
molecules 2 variants
Variants / states: defaultpills
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| tabs | Array<{ id, label, disabled? }> | No | [] | Tab definitions. |
| activeTab | string | No | — | Id of the open tab. Bindable. |
| variant | 'default' | 'pills' | No | default | Tab styling. |
| onclick | (event: Event) => void | No | — | Runs when a tab is clicked. |