Have ideas to improve npm?Join in the discussion! »

    @faceless-ui/collapsibles
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.2 • Public • Published

    NPM Bundle Size Supported by TRBL

    React Collapsibles

    Expand and collapse anything, or groups of anything. Accordions, drop-downs, show/hide, grouped lists, details, etc, etc, etc. Fully accessible, completely faceless. Does not care about the structure of your content, its style, or its markup.

    Highlights

    Quick Start

    Installation

    $ npm i @faceless-ui/collapsibles
    $ # or
    $ yarn add @faceless-ui/collapsibles

    Composition

      import React from 'react';
      import {
        CollapsibleGroup,
        Collapsible,
        CollapsibleToggler,
        CollapsibleContent
      } from '@faceless-ui/collapsibles';
    
      const App = () => (
        <CollapsibleGroup>
          <Collapsible>
            <CollapsibleToggler>
              ...
            </CollapsibleToggler>
            <CollapsibleContent>
              ...
            </CollapsibleContent>
          </Collapsible>
        </CollapsibleGroup>
      )
    
      export default App;

    For working examples, see the demo app.

    Demo

    $ git clone git@github.com:faceless-ui/collapsibles.git
    $ yarn
    $ yarn dev
    $ open http://localhost:3000

    API

    Contribution

    Help us, or let us help you help us.

    License

    MIT Copyright (c) TRBL, LLC

    Install

    npm i @faceless-ui/collapsibles

    DownloadsWeekly Downloads

    114

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    31.4 kB

    Total Files

    51

    Last publish

    Collaborators

    • avatar