Accordion behavior layered on a group of native <details> elements. With
allowMultiple: false (the default), opening one panel closes the others.
The APG accordion keyboard interaction is added on top of the native
disclosure: Up/Down arrows and Home/End move focus between the headers.
Items are read live, so <details> added or removed after enhancement take
part without re-enhancing. Open state is observable through
onValueChange/hl:change and controllable through the returned API; the
browser still handles the disclosure widget itself. Markup can set
data-hl-allow-multiple and data-hl-default-value on the root.
Accordion behavior layered on a group of native
<details>elements. WithallowMultiple: false(the default), opening one panel closes the others. The APG accordion keyboard interaction is added on top of the native disclosure: Up/Down arrows and Home/End move focus between the headers. Items are read live, so<details>added or removed after enhancement take part without re-enhancing. Open state is observable throughonValueChange/hl:changeand controllable through the returned API; the browser still handles the disclosure widget itself. Markup can setdata-hl-allow-multipleanddata-hl-default-valueon the root.