Details
Styling API reference for the Details component.
- Usage
- Styling
CSS Selectors
The following CSS selectors can be used in stylesheets to target the various parts and states of the component.
- Root element
-
vaadin-details
Summary
- Panel header (a.k.a. summary)
-
vaadin-details-summary - Toggle
-
vaadin-details-summary::part(toggle) - Toggle icon
-
vaadin-details-summary::part(toggle)::before - Summary content wrapper
-
vaadin-details-summary::part(content) - Opened details summary
-
vaadin-details-summary[opened] - Disabled details summary
-
vaadin-details-summary[disabled]