flipy

0.1.0 • Public • Published

Flipy - Collapse and expand content

Build Status NPM Version Dependency Dev Dependency Code Climate Support

Flipy is an tiny flipy editor to enable a quick ajax update with no need to create a form.

Options

openedClass: 'flipy__trigger--opened' // class used to indicate that the content is opened
speed:       200                      // speed of collapse and expand effect

Usage

You declare an element with optional data atributes:

<div class="flipy" data-opened-class='opened' data-speed="300">
  <div class="flipy__trigger"></div>
  <div class="flipy__content">Hello World!</div>
</div>

On JS you can declare attributes too, but data attributes has priority:

$('.flipy').flipy({ speed: 100 });

/flipy/

    Package Sidebar

    Install

    npm i flipy

    Weekly Downloads

    42

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    7.92 kB

    Total Files

    15

    Last publish

    Collaborators

    • wbotelhos