css-collapsible v0.1.0

Import the collapsible component

import { Collapsible } from '@collapsible/core/src';

Implement the component passing as children the component that will be the inner content

<Collapsible
  children={
    <div style={{ padding: "10px" }}>
      <h2>Title 1</h2>
      <p>Content 1</p>
    </div>}
/>

It's possible to give a custom title

<Collapsible
  title="My Collapsible"
  children={
    <div style={{ padding: "10px" }}>
      <h2>Title 1</h2>
      <p>Content 1</p>
    </div>}
/>