React Collapsibles

Now you see it, now you don't.

Quick Start

Installation

$ yarn add @trbl/react-collapsibles

Composition

  import React, { Fragment } from 'react';
  import { CollapsibleGroup, Collapsible, CollapsibleToggler, CollapsibleContent } from '@trbl/react-collapsibles';

  const App = () => {
    return (
      <CollapsibleGroup>
        <Collapsible>
          <CollapsibleToggler>
            ...
          </CollapsibleToggler>
          <CollapsibleContent>
            ...
          </CollapsibleContent>
        </Collapsible>
      </CollapsibleGroup>
    )
  }

  export default App;

Demo

To demo locally, clone the repo and

$ yarn
$ yarn dev
$ open http://localhost:3000

Documentation

All available props can be found via the references below:

• Collapsible
• CollapsibleContent
• CollapsibleGroup
• CollapsibleToggler
• useCollapsible
• useCollapsibleGroup

Contribution

Help us, or let us help you help us.

License

MIT Copyright (c) TRBL, LLC