1.2.4 • Published 2 months ago
@szhsin/react-accordion v1.2.4
React-Accordion
An unstyled, accessible accordion library for React apps and design systems.
Features
- Unstyled React accordion components
- React hooks for Headless usage
- WAI-ARIA compliant
- Keyboard navigable
- Support animation
- Can be controlled or uncontrolled
- Control to expand/collapse specific item or all items
- Level 3 support of React 18 concurrent rendering
- Support server-side rendering
- Small and tree-shakable (~3kB)
- Strongly typed API with TypeScript
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.2.4
2 months ago
1.2.3
10 months ago
1.2.2
11 months ago
1.2.1
1 year ago
1.2.0
1 year ago
1.1.0
1 year ago
1.2.0-alpha.0
1 year ago
1.2.0-alpha.1
1 year ago
1.0.1
2 years ago
1.0.0
2 years ago
0.11.0
2 years ago
0.12.0
2 years ago
0.13.0
2 years ago
1.0.0-rc.0
2 years ago
0.10.1
2 years ago
0.10.0
2 years ago
0.9.0
2 years ago
0.8.1
2 years ago
0.8.0
2 years ago
0.7.0
2 years ago
0.6.0
2 years ago
0.5.0
2 years ago
0.4.0
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago