@reboot-ui/icomponent-collapse
@reboot-ui/icomponent-collapse
depends on:
react-transition-group
it use .collapse
/.collapsing
/.show
to control animation in each state of transition.
Get started
npm i -S @reboot-ui/icomponent-collapse
# or
yarn add @reboot-ui/icomponent-collapse
Usage
import React from 'react'
import ICollapse from '@reboot-ui/icomponent-collapse'
// you can also import in your .scss.
import '@reboot-ui/icomponent-collapse/es/index.scss';
const App = () => {
const [ collapse, setCollapse ] = React.useState(false);
return (
<div>
<button
onClick={React.useCallback(() => {
setCollapse(!collapse)
}, [collapse])}
>
Toggle
</button>
<ICollapse
collapse={collapse}
>
Collapse panel
</ICollapse>
</div>
)
}
LICENSE
ISC
Copyright (c) 2020-present, Richard