DetailsSummary
Description
The details summary element.
Styling
The following shadow DOM parts are exposed for styling:
| Part name | Description |
|---|---|
toggle |
The icon element |
content |
The content wrapper |
The following state attributes are available for styling:
| Attribute | Description |
|---|---|
active |
Set when the element is pressed down, either with mouse, touch or the keyboard. |
opened |
Set when the element is expanded and related collapsible content is visible. |
disabled |
Set when the element is disabled. |
focus-ring |
Set when the element is focused using the keyboard. |
focused |
Set when the element is focused. |
See Styling Components documentation.
Properties
disabled
Type: boolean
If true, the user cannot interact with this element.
opened
Type: boolean
When true, the element is opened.