Notable Pottery Manufacturer

    react-collapse-simple
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    react-collapse-simple

    Simple library for collapsing and expanding content with sliding animation

    NPM JavaScript Style Guide

    Install

    npm install --save react-collapse-simple

    Usage

    import React, { Component } from 'react';
     
    import ReactCollapseSimple from 'react-collapse-simple';
    import 'react-collapse-simple/dist/index.css';
     
    function Example() {
      return (
        <>
          <button type="button" onClick={() => setIsOpen(!isOpen)}>
            Open/close
          </button>
          <ReactCollapseSimple isOpen={isOpen}>
            <div>
              <h3>Lorem ipsum dolor sit amet consetetur sadipscing elitr</h3>
              <p>
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
                eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
                takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
                consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
                ipsum dolor sit amet.
              </p>
              <p>
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
                eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
                takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
                consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
                ipsum dolor sit amet.
              </p>
            </div>
          </ReactCollapseSimple>
        </>
      );
    }

    Alternatively you can also just copy/paste the component and keep it in your own project. The source file is in src/index.tsx.

    Keywords

    none

    Install

    npm i react-collapse-simple

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    243 kB

    Total Files

    9

    Last publish

    Collaborators

    • lassekt