Tab Panel
<wa-tab-panel>
Tab panels are used inside tab groups to display tabbed content.
This component must be used as a child of <wa-tab-group>. Please see the Tab Group docs to see examples of this component in action.
Slots Jump to heading
Learn more about using slots.
| Name | Description |
|---|---|
| (default) | The tab panel's content. |
Attributes & Properties Jump to heading
Learn more about attributes and properties.
| Name | Description | Reflects | |
|---|---|---|---|
namename |
The tab panel's name.
Type
stringDefault
'' |
||
activeactive |
When true, the tab panel will be shown.
Type
booleanDefault
false |
CSS custom properties Jump to heading
Learn more about CSS custom properties.
| Name | Description |
|---|---|
--padding |
The tab panel's padding.
|
CSS parts Jump to heading
Learn more about CSS parts.
| Name | Description |
|---|---|
base |
The component's base wrapper. |
Importing Jump to heading
The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets.
Need a hand?
Report a bug
Ask for help