weile-collapse 👋

react+ts collapse component

Install

npm i weile-collapse

Usage

import Collapse from "weile-collapse";

const App = () => {
  const data = [
    {
      title: "title1",
      content: "content1",
    },
    {
      title: "title2",
      content: "content2",
    },
    {
      title: "title3",
      content: "content3",
    },
    {
      title: "title4",
      content: "content4",
    },
  ];
  return (
    <div className="container" style={{ width: "90%", margin: "0 auto" }}>
      <Collapse
        data={data}
        bgColor="#101010"
        contentColor="#e0e0e0"
        titleColor="#fff"
        img=""
        speed={0.4}
        checked={0}
        titleFontSize={30}
        contentFontSize={20}
        onChange={(checkIndex) => {
          console.log(checkIndex);
        }}
      />
    </div>
  );
};

API

Collapse props

For details on DataItem[] default data construction, see Usage.

Collapse Events

Author

👤 weile-huang

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator