@reboot-ui/icomponent-collapse NPM

@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>
    )
}