🛠 A simple and lightweight React collasible package.

• Easy to use
• Lightweight (~4kb Gzip)
• Fully responsive.
• Highly customizable.
• No 3rd party dependencies.
• Typescript

$ npm i butter-collapsible

$ yarn add butter-collapsible

// Import statement
import { Collapsible } from "butter-collapsible";

// Here's an example of how to use it
export const MyComponent = () => {
  return (
    <>
      <Collasible
        trigger="Click me to see more"
        content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus officia voluptate totam minima cum? Laboriosam, recusandae veritatis dolore saepe quibusdam nesciunt esse delectus aut consequuntur ex aliquid, enim cupiditate commodi!"
        roundedSize={"lg"}
      />
    </>
  );
};

Here's a table of all available props for the Collapsible.

Butter-Collapsible is an opensource project and public contribution is always welcomed. You can check Issues for bugs to fix or features to add.

1. Fork this repository.
2. Clone the forked repository to your local machine.
3. Create a new branch with a name like this - feature/name-of-feature.
4. Run npm to install dependencies.
5. Write code and then commit changes.
6. Run npm run build to compile a build into the dist folder.
7. Now You can decide to manually copy the index.tsx and index.scss file from here into a local project in order to test the feature/bug you have fixed.
8. Alternatively, run npm link in your local butter-collapsible root folder.
9. On the local project you want to test the features on, run npm link 'butter-collapsible'.
10. Now navigate back to the terminal on your local butter-collapsible folder and then run npm link ../path-to-test-project/node_modules/react. This will make butter-collapsible use the copy of react from your local test project. Now you can test your changes.
11. After all is done, push to your forked repository and then send a pull request.

MIT (c) Raymond Duru-young.