Tabs
Styling API reference for the Tab Sheet and Tabs components.
- Usage
- Styling
CSS Selectors
The following CSS selectors can be used in stylesheets to target the various parts and states of the component.
Tabsheet
- Root element
-
vaadin-tabsheet - Tabs wrapper
-
vaadin-tabsheet::part(tabs-container) - Content wrapper
-
vaadin-tabsheet::part(content) - Content loading indicator
-
vaadin-tabsheet::part(loader)
Tabs
- Root element
-
vaadin-tabs - Horizontal tabs
-
vaadin-tabs[orientation="horizontal"] - Vertical tabs
-
vaadin-tabs[orientation="vertical"] - Tab container
-
vaadin-tabs::part(tabs) - Back button
-
vaadin-tabs::part(back-button) - Back button icon
-
vaadin-tabs::part(back-button)::after - Forward button
-
vaadin-tabs::part(forward-button) - Forward button icon
-
vaadin-tabs::part(forward-button)::after