Element: #065 Controlled (surfaces/accordion) What it shows: A single-open Accordion with its open item bound to state and the current value printed below. When to use: FAQ or settings sections where the app needs to read or set which item is open. Spec: - `` - State: `let value = $state('c1')` opens the first item initially - 2 items: `` and `` - `Open item: {Array.isArray(value) ? value.join(', ') : (value ?? 'none')}` prints the bound value - Wrapped in `.wrap` with `max-width: 560px` Tags: accordion, accordion-item, controlled, bind, single, faq Needs: @codeatlasdev/ui@4.4.0 Components: Accordion, AccordionItem Live demo: https://ui.codeatlas.com.br/docs/surfaces/accordion#controlled

Opened from the bound value. Opening this one closes the first.

Open item: {Array.isArray(value) ? value.join(', ') : (value ?? 'none')}