@pderas/vue2-foldable

Vue Loader

A vue.js component to allow a section to collapse and expand with an ainimation.

How to initialize Vue Loader

Vue foldable is built as a vue plugin. It can be initialized just as the Vue documentation states.

import Foldable from "@pderas/vue2-foldable";

Vue.use(Foldable, {
    peekabooHeight:  0, // default
});

Usage

Creation

Vue foldable is easily created, and allows for a slot to be inserted.

<foldable :collapsed="false">
    <div slot-scope>

    </div>
</foldable>

Properties

Property	Required	Type	Default	Description
collapsed	true	Boolean	n/a	If the section is collapsed or not.
height	false	Number	0	The height of foldable.
minHeight	false	Number	0	The minimum height to show of the content.

License

This project is covered under the MIT License. Feel free to use it wherever you like.