Nanobot: Polygonal Mascot

    react-collapsable

    1.0.4 • Public • Published

    React Collapsable

    Build Status Maintainability Test Coverage

    A collapsable react component, animated using CSS transitions based on the height of your content.

    Installation

    npm i react-collapsable -S
    

    or with yarn;

    yarn add react-collapsable
    

    Usage

    import React, { useState } from 'react'
    import Collapsable from 'react-collapsable'
    
    const myComponent = () => {
        const [isOpen, toggleOpen] = useState(false);
        return (
            <div>
                <button onClick={() => toggleOpen(!isOpen)}>Toggle</button>
                <Collapsable isOpen={isOpen}>
                    <h1>My Content In Here!</h1>
                </Collapsable>
            </div>
        )
    }
    

    Props

    Prop Required Default
    isOpen (boolean)
    minAnimationDuration (in seconds) 0.3
    maxAnimationDuration (in seconds) 1
    speedDivider (in milliseconds) 1000
    easing (css string) "ease-in-out"

    Install

    npm i react-collapsable

    DownloadsWeekly Downloads

    20

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    461 kB

    Total Files

    7

    Last publish

    Collaborators

    • dahliacreative