# @blaze-react/accordion

> Accordion component is a list of headers that hide or reveal additional content when selected

Latest version **0.8.0-alpha.112** (published 2025-10-01) · GPL-3.0 license · 0 weekly downloads

## Install

```sh
npm install @blaze-react/accordion
pnpm add @blaze-react/accordion
yarn add @blaze-react/accordion
bun add @blaze-react/accordion
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.8.0-alpha.112 |
| Published | 2025-10-01 |
| First published | 2019-07-16 |
| Weekly downloads | 0 |
| License | GPL-3.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 759.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | byte9 |
| Maintainers | marekb9, mcabrerapf, daoyong, grzegorzi, ishrat, andypail, tanane |

## Links

- npm: https://www.npmjs.com/package/@blaze-react/accordion
- npm.io page: https://npm.io/package/@blaze-react/accordion

## Recent versions

- 0.8.0-alpha.112 (latest) — 2025-10-01
- 0.8.0-alpha.117 (alpha) — 2026-03-11
- 0.8.0-alpha.115 — 2026-02-23
- 0.8.0-alpha.114 — 2026-01-08
- 0.8.0-alpha.82 — 2024-07-26
- 0.8.0-alpha.77 — 2024-01-26
- 0.8.0-alpha.66 — 2023-10-04
- 0.8.0-alpha.64 — 2023-09-14
- 0.8.0-alpha.63 — 2023-09-14
- 0.8.0-alpha.62 — 2023-02-01
- 0.8.0-alpha.61 — 2023-01-31
- 0.8.0-alpha.60 — 2021-11-30
- 0.8.0-alpha.59 — 2021-11-29
- 0.8.0-alpha.58 — 2021-11-29
- 0.8.0-alpha.56 — 2021-11-29
- … 76 more at https://npm.io/package/@blaze-react/accordion/versions

## README

## Description

Accordion component is a list of headers that hide or reveal additional content when selected.

## Usage

```js
<Accordion>
  <Accordion.Header>
    <p>Accordion text 1</p>
    <p>Accordion text 2</p>
  </Accordion.Header>
  <Accordion.Content>
    <Accordion.ContentDetails>
      <p>Content here. Components can be placed in here if needed</p>
      <p>Footer can be added below if needed</p>
    </Accordion.ContentDetails>
    <Accordion.ContentFooter>
      <Button name="button" modifiers="outline light rounded">
        Cancel
      </Button>
      <Button name="button" modifiers="rounded">
        Save
      </Button>
    </Accordion.ContentFooter>
  </Accordion.Content>
</Accordion>
```

## API

##### Accordion menu can receive a number of `props` as follow:

| NAME     |         TYPE          |  DEFAULT   |
| :------- | :-------------------: | :--------: |
| isOpen   |        Boolean        |   false    |
| isOpen   |        Boolean        |   false    |
| onOpen   |       Function        | () => void |
| onClose  |       Function        | () => void |
| children | single/array of nodes |   empty    |

---
_Source: https://npm.io/package/@blaze-react/accordion · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._