<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: components/velin-accordion.js -->

# <velin-accordion>

Source: `components/velin-accordion.js`

## Minimal working example
Copy-paste starter (load CSS + `velinstyle-components` / `bootFromDOM` as needed):

```html
<velin-accordion>
  <details>
    <summary>Section title</summary>
    <p>Panel content</p>
  </details>
</velin-accordion>
```

_Example from curated docgen starter map._

## Accessibility
WCAG contract status: **pass** (framework target: AAA).

- **Roles:** `group`
- **Keyboard:** Arrow/Home/End between summaries
- **Reduced motion:** honored
- **Notes:** Wires aria-controls on summary elements.

## Attributes
_No `observedAttributes` declared._ Author-facing configuration may still use slots, properties, or child markup — see **Slots** / **Public API** below.

| Author surface | Notes |
| --- | --- |
| slot `(default)` | Content projection (not an observed attribute) |
## Events
_None._
## CSS parts
_None._
## Slots
- `(default)`
## Public API
_No public methods detected._
## Related resources
- Generated API docs (canonical): [`velin-accordion.md`](./velin-accordion.md)
- Generated index: [README.md](./README.md)
- CLI API: `npx velinstyle wc api velin-accordion`
- Human docs EN (tutorial): `docs/components/accordion.html`
- Human docs DE (tutorial, lang-map): `docs/components/akkordion.html`
- Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`
