vuelistpackage

Vue List Package

Installation

git clone https://github.com/iLegion/Vue-List-Package.git 
cd Vue-List-Package
npm run build

This will create some builds in the dist directory.

• UMD : vuelistpackage.umd.js and vuelistpackage.umd.min.js
• CommonJS: vuelistpackage.common.js

You can add vuelistpackage as an npm dependency:

npm i vuelistpackage

For use import a component globally or as an subcomponent.

import VueListPackage from 'vuelistpackage';

Properties

listType: 'ul' (default) | 'ol' | 'div' | null;

listType contains type for list in HTML. See ul and ol.

If listType does not match any of the types above, then the default value will be set.

header: String | null (default);

header contains header for list.

items: Array | Object | null;

If items is empty return emptyListMsg message.

If items elements is Object, it must have prop title(priority) or name for view and can contains prop active and disabled with value 0 or 1.

If listType is 'div', items property of links must contains href(priority) or link for the link.

For badges, add property badge for items elements if have this.

styles: Object | null;

active: String | null;

The number or property name of the active element.

disabled: String | null

The number or property name of the disabled element.

config: Object | null

animations: Object | null

All properties is reactive.

Methods

Default callback life cycle: beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed. See this.

listUpdated:

Called after list is updated.

clickOnItem:

Called after click event.

Contributing

If you would like to start issues, one easy way to get started is send this on GitHub.