1.4.1 • Published 2 months ago

@szhsin/react-accordion v1.4.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 months ago

React-Accordion

An unstyled, accessible accordion library for React apps and design systems.

Examples and Docs

NPM bundlephobia bundlejs

Features

  • Unstyled React accordion components
  • Headless usage via React hooks
  • WAI-ARIA compliant
  • Fully keyboard accessible
  • Supports animations
  • Works in controlled and uncontrolled modes
  • Control to expand/collapse individual or all items
  • Compatible with React 18+ concurrent rendering
  • Supports server-side rendering (SSR)
  • Lightweight and tree-shakable (~3kB)
  • Fully typed API with TypeScript

react accordion

Install

with npm

npm install @szhsin/react-accordion

or with Yarn

yarn add @szhsin/react-accordion

Usage

import { Accordion, AccordionItem } from '@szhsin/react-accordion';

export default function Example() {
  return (
    <Accordion>
      <AccordionItem header="What is Lorem Ipsum?">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
        do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </AccordionItem>

      <AccordionItem header="Where does it come from?">
        Quisque eget luctus mi, vehicula mollis lorem. Proin fringilla
        vel erat quis sodales. Nam ex enim, eleifend venenatis lectus
        vitae, accumsan auctor mi.
      </AccordionItem>

      <AccordionItem header="Why do we use it?">
        Suspendisse massa risus, pretium id interdum in, dictum sit
        amet ante. Fusce vulputate purus sed tempus feugiat.
      </AccordionItem>
    </Accordion>
  );
}

Edit on CodeSandbox
Visit more examples and docs

License

MIT Licensed.

1.4.1

2 months ago

1.4.0

6 months ago

1.3.0

7 months ago

1.2.6

8 months ago

1.2.5

11 months ago

1.2.4

1 year ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.1.0

2 years ago

1.2.0-alpha.0

2 years ago

1.2.0-alpha.1

2 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.11.0

3 years ago

0.12.0

3 years ago

0.13.0

3 years ago

1.0.0-rc.0

3 years ago

0.10.1

3 years ago

0.10.0

3 years ago

0.9.0

3 years ago

0.8.1

3 years ago

0.8.0

3 years ago

0.7.0

3 years ago

0.6.0

3 years ago

0.5.0

3 years ago

0.4.0

3 years ago

0.3.0

3 years ago

0.2.0

3 years ago

0.1.0

3 years ago