2. Components
Details
Default Variant
Click to expand
This is the expandable content area. It reveals when you click the summary.
Closed
Click to collapse
This content is visible by default because the
open
attribute is set.
Open
Secondary Variant
Secondary details
Secondary variant uses different styling for visual hierarchy.
Closed
Secondary details
Secondary variant open state.
Open
Example Usage
Frequently Asked Questions
Q: How does this work?
A: Click the summary to toggle the content visibility.
FAQ Pattern