<wa-tab>
Tabs are used inside tab groups to represent and activate tab panels.
Additional demonstrations can be found in the tab group examples.
| Name | Description |
|---|---|
| (default) | The tab's label. |
| Name | Description | Reflects | |
|---|---|---|---|
panelpanel
|
The name of the tab panel this tab is associated with. The panel must be located in the same tab
group.
Type
string
Default
''
|
|
|
disableddisabled
|
Disables the tab and prevents selection.
Type
boolean
Default
false
|
|
| Name | Description |
|---|---|
--active-tab-color |
The color of the active tab's label.
|
| Name | Description |
|---|---|
base |
The component's base wrapper. |
close-button |
The close button, an <wa-icon-button>. |
close-button__base |
The close button's exported base part. |
The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets.
To manually import this component from the CDN, use the following code.
import 'https://early.webawesome.com/webawesome@3.0.0-alpha.4/dist/components/tab/tab.js';