Tab

<wa-tab> Since 2.0 stable

Tabs are used inside tab groups to represent and activate tab panels.

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

Learn more about using slots.

Name Description
(default) The tab's label.

Attributes & Properties

Learn more about attributes and properties.

Name Description Reflects
panel
panel
The name of the tab panel this tab is associated with. The panel must be located in the same tab group.
Type string
Default ''
disabled
disabled
Disables the tab and prevents selection.
Type boolean
Default false

CSS parts

Learn more about CSS parts.

Name Description
base The component's base wrapper.

Importing

The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets.

CDN npm React

To manually import this component from the CDN, use the following code. 

import 'https://early.webawesome.com/[email protected]/dist/components/tab/tab.js';

To manually import this component from NPM, use the following code. 

import '@awesome.me/webawesome/dist/components/tab/tab.js';

To manually import this component from React, use the following code. 

import '@awesome.me/webawesome/dist/react/tab';
Need a hand? Report a bug Ask for help
    No results