JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q42466F
  • License ISC

A simple lightweight react accordian component

Package Exports

  • cinch-collapsible

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cinch-collapsible) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Cinch-Collapse

Cinch Collapse is a minimally styled React collapse and accordian component. It was been developed so that with the least effort you can style it to suit your project.

Demo

v3.0.0 changes Removed default padding on Panel Removed react & react-dom from dependencies

v2.0.0 changes

  • onChange listener
  • className prop

in order to make use of the onChange listener, each panel must have a unique string id

Collapsible

  • accordian?: boolean;
  • timeout?: number;
  • ease?: "ease" | "inOut" | "in" | "out" | number[];
  • delay?: number;
  • className?: string;
  • onChange?: (ids: string) => void;

Panel

  • header: string | JSX.Element;
  • noPadding?: boolean;
  • id?: string
  • className?: string