bp-sdk-tab-group
Slots
| Name | Description |
|---|---|
| default slot |
Custom element hooks
| Name | Description |
|---|---|
bp-sdk-external-tab-group | disable html |
Classes
| Name | Description |
|---|---|
bp-sdk-tab__group-container | Root div element |
bp-sdk-tab__list | Unsorted list element for tabs |
bp-sdk-tab__list-item | List element with tab role |
bp-sdk-tab | List element with tab role |
bp-sdk-tab__list-item--selected | List element that is currently selected tab |
bp-sdk-tab__group-panel | Div element with tabpanel role |
bp-sdk-visually-hidden | Dynamic class for visually hidden elements. Used for hidden panels in this component. |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
code | code | Group code | string | '' |
groupIndex | group-index | Tab index | number | 0 |
tabs | -- | Tabs to display | string[] | [] |
Events
| Event | Description | Type |
|---|---|---|
tabChanged | CustomEvent<number> |
Built with StencilJS