1
- [ react-accessible-accordion] ( https://springload.github.io/react-accessible-accordion/ ) [ ![ npm] ( https://img.shields.io/npm/v/react-accessible-accordion.svg?style=flat-square )] ( https://www.npmjs.com/package/react-accessible-accordion ) [ ![ Build Status] ( https://travis-ci.org/springload/react-accessible-accordion.svg?branch=master )] ( https://travis-ci.org/springload/react-accessible-accordion ) [ ![ Coverage Status] ( https://coveralls.io/repos/github/springload/react-accessible-accordion/badge.svg )] ( https://coveralls.io/github/springload/react-accessible-accordion ) [ ![ Dependency Status] ( https://david-dm.org/springload/react-accessible-accordion.svg?style=flat-square )] ( https://david-dm.org/springload/react-accessible-accordion ) [ ![ devDependency Status] ( https://david-dm.org/springload/react-accessible-accordion/dev-status.svg?style=flat-square )] ( https://david-dm.org/springload/react-accessible-accordion#info=devDependencies )
1
+ [ react-accessible-accordion] ( https://springload.github.io/react-accessible-accordion/ )
2
+ [ ![ npm] ( https://img.shields.io/npm/v/react-accessible-accordion.svg?style=flat-square )] ( https://www.npmjs.com/package/react-accessible-accordion )
3
+ [ ![ Build Status] ( https://travis-ci.org/springload/react-accessible-accordion.svg?branch=master )] ( https://travis-ci.org/springload/react-accessible-accordion )
4
+ [ ![ Coverage Status] ( https://coveralls.io/repos/github/springload/react-accessible-accordion/badge.svg )] ( https://coveralls.io/github/springload/react-accessible-accordion )
5
+ [ ![ Dependency Status] ( https://david-dm.org/springload/react-accessible-accordion.svg?style=flat-square )] ( https://david-dm.org/springload/react-accessible-accordion )
6
+ [ ![ devDependency Status] ( https://david-dm.org/springload/react-accessible-accordion/dev-status.svg?style=flat-square )] ( https://david-dm.org/springload/react-accessible-accordion#info=devDependencies )
2
7
[ ![ Accessibility status] ( https://img.shields.io/badge/a11y-tested-brightgreen.svg )] ( http://wave.webaim.org/report#/https://springload.github.io/react-accessible-accordion/ )
3
8
=========
4
9
@@ -14,7 +19,8 @@ First, grab the package from npm:
14
19
npm install --save react-accessible-accordion
15
20
```
16
21
17
- Then, import the editor and use it in your code. Here is a [ basic example] ( https://springload.github.io/react-accessible-accordion/ ) :
22
+ Then, import the editor and use it in your code. Here is a
23
+ [ basic example] ( https://springload.github.io/react-accessible-accordion/ ) :
18
24
19
25
``` jsx
20
26
import React from ' react' ;
@@ -66,7 +72,8 @@ export default function Example() {
66
72
67
73
### Styles
68
74
69
- We strongly encourage you to write your own styles for your accordions, but we've published these two starter stylesheets to help you get up and running:
75
+ We strongly encourage you to write your own styles for your accordions, but
76
+ we've published these two starter stylesheets to help you get up and running:
70
77
71
78
` ` ` js
72
79
// 'Minimal' theme - hide/show the AccordionBody component:
@@ -76,7 +83,8 @@ import 'react-accessible-accordion/dist/minimal-example.css';
76
83
import ' react-accessible-accordion/dist/fancy-example.css' ;
77
84
` ` `
78
85
79
- We recommend that you copy them into your own app and modify them to suit your needs, particularly if you're using your own ` className` s.
86
+ We recommend that you copy them into your own app and modify them to suit your
87
+ needs, particularly if you're using your own ` className` s.
80
88
81
89
## Component API
82
90
@@ -96,7 +104,8 @@ Class(es) to apply to element.
96
104
97
105
#### onChange : ` (uuid []) => void ` [*optional*]
98
106
99
- Callback which is invoked when items are expanded or collapsed. Gets passed ` uuid` s of the currently expanded ` AccordionItem` s.
107
+ Callback which is invoked when items are expanded or collapsed. Gets passed
108
+ ` uuid` s of the currently expanded ` AccordionItem` s.
100
109
101
110
---
102
111
@@ -150,7 +159,8 @@ Class(es) to append when item is expanded.
150
159
151
160
### resetNextUuid : ` (): void `
152
161
153
- Resets the internal counter for Accordion items' identifiers (including ` id` attributes). For use in test suites and isomorphic frameworks.
162
+ Resets the internal counter for Accordion items' identifiers (including ` id`
163
+ attributes). For use in test suites and isomorphic frameworks.
154
164
155
165
---
156
166
0 commit comments