0.1.0 • Published 7 years ago
accornion v0.1.0
Accornion
A React accordion library as small as an acorn (~1kb gzipped)
Usage
The open state of each Accordion is handled outside of the accordion itself (via the 'open' prop). See usage below!
import Accordion from 'accornion'
class App extends React.Component {
constructor (props) {
super(props)
this.state = {
open: false
}
}
toggle (open) {
if (open && !this.state.open) {
this.setState({
open: true
})
} else if (!open && this.state.open) {
this.setState({
open: false
})
}
}
render () {
return (
<div>
<button onClick={e => this.toggle(!this.state.open)}>Accordion Header</button>
<Accordion
open={this.state.open}
duration=400
easing='ease-in-out'>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</Accordion>
</div>
)
}
}
MIT License