react-smart-collapse

An instant collapse panel

Live demo

Installation

``
npm install --save react-smart-collapse
`

Usage

To create collapse you only need the CollapsePanel component.
`tsx
import { CollapsePanel } from 'react-smart-collapse';
`

Basic example

`tsx

Basic example

Basic example

Basic example

Basic example

Basic example

Basic example

`

Collapsed example

`tsx

Collapsed example

Collapsed example

Collapsed example

Collapsed example

Collapsed example

Collapsed example

`

Add border to the panel

`tsx

Border example

Border example

Border example

Border example

Border example

Border example

`

Styled title bar

`tsx

Styled title bar example

Styled title bar example

Styled title bar example

Styled title bar example

Styled title bar example

Styled title bar example

``

Credits

Coded by Feng Wang , email: fengwangtech@gmail.com