vue-ui

A flexible system of modern ui components for Vue.

Purpose

This repo aims to solve common ui challenges within a common web project. The scope of this package includes custom input fields, ui patterns (such as overlays) as well as their helpers and vuex modules. Within this repo these components can be tested, improved and documented in a modular and controlled way.

Installation

This package is available via npm:

npm install -S @dreipol/vue-ui

Usage

Pick any of the modules by importing them in your project, for example:

import { UiInput } from '@dreipol/vue-ui'

export default {
    components: { UiInput },
    template: `<div><ui-input/></div>`
}

The code in this repo is based on ES2017 and must be transpiled to support older browsers. If you are using webpack or rollup to compile your js bundle, remember to configure all loaders (vue-loader, babel-loader) to also compile the node_modules/@dreipol/vue-ui dependency.

Documentation

Each module contains its own documentation, you can browse the list of all the available modules:

• components
• mixins
• filters
• util
• vuex