implementation
Implement in your agent
# Implement Accordion in your agent ## Objective Implement Accordion for this verified behavior: A vertical set of headings that reveals or hides each associated content section. ## Prerequisites - Inspect the repository, design system, and existing tests first. - Preserve unrelated changes and keep the file scope bounded. - Confirm that Accordion matches the need before writing code. ## Required behavior - Activating a header reveals or hides its associated content while exposing expanded state. - Arrow keys move through related items according to their visual orientation. ## States to cover - Refunds collapsed — Refunds collapsed - Refunds expanded — Refunds expanded ## Accessibility - The primary control or named region for Accordion has a stable accessible name from visible text or an explicit programmatic label; placeholder text and tooltips are not names. - Focus remains on the header button when its panel opens or closes. - Each expanded panel closes by activating its own header when the product allows collapse. - Tab reaches every header button - Enter or Space toggles a section - Optional arrow keys move between headers ## Non-goals - All content is short enough to show directly - The sections are primary destinations that need URLs ## Acceptance criteria - Every header is a real button inside a meaningful heading - Expanded state matches visible content - Single or multiple expansion is intentional - Opening and closing never moves focus unexpectedly
sha256:1025c78ea5d626879ad0aa9f15645f697a036edf8ebaeffc29c2d90e6f9e5556