Tab
Description
<vaadin-tab>
is a Web Component providing an accessible and customizable tab.
<vaadin-tab>Tab 1</vaadin-tab>
The following state attributes are available for styling:
Attribute | Description |
---|---|
disabled |
Set when the element is disabled |
focused |
Set when the element is focused |
focus-ring |
Set when the element is keyboard focused |
selected |
Set when the tab is selected |
active |
Set when mousedown or enter/spacebar pressed |
orientation |
Set to horizontal or vertical depending on the direction of items |
has-tooltip |
Set when the tab has a slotted tooltip |
See Styling Components documentation.
Properties
disabled
Type: boolean
If true, the user cannot interact with this element.
selected
Type: boolean
If true, the item is in selected state.
value
Type: string