iView

A high quality UI Toolkit built on Vue.js.

This branch is for Vue.js 2.x.

The branch for Vue.js 1.x can be found here.

Docs

Overview

Features

Dozens of useful and beautiful components.
Friendly API. It's made for people with any skill level.
Extensive documentation and demos.
It is quite beautiful.
Supports both Vue.js 2 and Vue.js 1.

Who's using iView

If your company or products use iView, welcome to click here to leave a message.

Install

Please install Webpack first!

We recommend you create your project through iView Cli or iview-project. You can also use vue-cli.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

Supports Vue.js 2.x
Supports Vue.js 1.x - visit 1.0 docs
Supports SSR
Supports Nuxt.js
Supports Electron
iView does not support IE8 or below since Vue.js uses Object.defineProperty to track changes which is not supported by these browsers.

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!