Accordion

---
import { Accordion } from '@santi020k/lumen-astro'
---

<Accordion>
  <details open>
    <summary>Billing</summary>
    <p>Invoices, receipts, and payment methods.</p>
  </details>
  <details>
    <summary>Team</summary>
    <p>Members, roles, and pending invitations.</p>
  </details>
</Accordion>

import { Accordion } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Accordion>
      <details open>
        <summary>Billing</summary>
        <p>Invoices, receipts, and payment methods.</p>
      </details>
      <details>
        <summary>Team</summary>
        <p>Members, roles, and pending invitations.</p>
      </details>
    </Accordion>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-accordion>
  <details open>
    <summary>Billing</summary>
    <p>Invoices, receipts, and payment methods.</p>
  </details>
  <details>
    <summary>Team</summary>
    <p>Members, roles, and pending invitations.</p>
  </details>
</lumen-accordion>