Each widget below is wrapped in a container with the class "example". The content panels controlled by the toggles use the class "details". Buttons use aria-expanded and aria-controls for accessibility.
Basic details panel
This content is inside a controlled region with the class "details". Click the button above to expand or collapse it. When collapsed it is visually hidden and removed from the flow (max-height = 0).
Version 2.4.1 — Highlights
Improved performance for large data sets.
Fixed edge-case bug when loading images.
Small UI polish and accessibility improvements.
Tip: You can navigate to the toggle with the keyboard and press Space/Enter to open/close the panel.
FAQ — What is this?
It's an example of multiple controlled sections. Each button manages its own panel independently.
FAQ — Keyboard support
Buttons are native button elements, so they support activation via keyboard (Enter and Space) by default.