---
imports:
  - "../dist/doc-accordion.js"
---

### doc-accordion

The `<doc-accordion>` element is used to display an accordion with a heading and collapsible content.

#### Attributes

- `open`: Whether the accordion is open or closed.
- `heading`: The heading of the accordion.
- `text`: The text content of the accordion.

#### Example

```html
<doc-accordion 
  heading="Accordion Heading" 
  text="This is the content of the accordion.">
</doc-accordion>
```

<doc-accordion 
  heading="Accordion Heading" 
  text="This is the content of the accordion.">
</doc-accordion>