Accordion

A vertical stack of headers, each revealing a collapsible region. Each header is a<button> with aria-expanded and aria-controls; the panel is a role="region" labelled by its header. Use type="single" (one open at a time) or type="multiple" (independent panels). Controlled or uncontrolled via value / defaultValue. Enter and Space toggle a header; Up/Down arrows and Home/End move focus between headers. The chevron rotates on expand and is reduced-motion safe.

Single — uncontrolled (defaultValue)

OCSS — the Open Child Safety Specification — is the single umbrella standard for child-safety signals. It has two layers: the Rules taxonomy and the Trust Framework.

Single — controlled

Carried as typed payloads.

value = "rules"

Single — not collapsible (one always open)

Filter at resolution time.

Multiple — controlled (several open at once)

The transport.

value = ["envelope"]

Disabled item + disabled group

This panel is reachable.

Read-only.