Package Exports

iview
iview/dist/iview
iview/dist/iview.min.js
iview/dist/locale/en-US
iview/dist/locale/fr-FR
iview/dist/locale/zh-CN
iview/dist/locale/zh-TW
iview/dist/styles/iview.css
iview/src/components/affix
iview/src/components/alert
iview/src/components/back-top
iview/src/components/badge
iview/src/components/breadcrumb
iview/src/components/button
iview/src/components/button/button.vue
iview/src/components/card
iview/src/components/carousel
iview/src/components/cascader
iview/src/components/checkbox
iview/src/components/circle
iview/src/components/collapse
iview/src/components/date-picker
iview/src/components/dropdown
iview/src/components/form
iview/src/components/grid
iview/src/components/grid/col.vue
iview/src/components/icon
iview/src/components/input
iview/src/components/input-number
iview/src/components/loading-bar
iview/src/components/loading-bar/index.js
iview/src/components/menu
iview/src/components/message
iview/src/components/modal
iview/src/components/modal/modal.vue
iview/src/components/notice
iview/src/components/page
iview/src/components/poptip
iview/src/components/progress
iview/src/components/radio
iview/src/components/rate
iview/src/components/select
iview/src/components/slider
iview/src/components/spin
iview/src/components/steps
iview/src/components/switch
iview/src/components/table
iview/src/components/tabs
iview/src/components/tag
iview/src/components/time-picker
iview/src/components/timeline
iview/src/components/tooltip
iview/src/components/transfer
iview/src/components/tree
iview/src/components/upload
iview/src/directives/clickoutside
iview/src/directives/transfer-dom
iview/src/locale
iview/src/locale/lang/en-US
iview/src/locale/lang/zh-CN
iview/src/locale/lang/zh-TW
iview/src/mixins/emitter
iview/src/mixins/locale
iview/src/styles/index.less
iview/src/utils/assist

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (iview) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

iView

JS gzip size CSS gzip size

A high quality UI Toolkit built on Vue.js.

This branch is for Vue.js 2.x

HERE is for Vue.js 1.x

Docs

English (2.0)

中文文档 (2.0)

中文文档 (1.0)

Overview

Component Overview

Features

Dozens of useful and beautiful components.
Friendly API. It's made for people with all skill levels.
Extensive documentation.
It is quite beautiful.
Support Vue.js 2 and Vue.js 1.

Programming

iView

Install

Install webpack project in the first place

We recommend you install project through iView Cli Or iview-project.

You can also use vue-cli.

Install iView

using npm

npm install iview --save

Or using script tag for global use

<script type="text/javascript" src="iview.min.js"></script>

Usage

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

Use css

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

Compatibility

Support Vue.js 2.x
Support Vue.js 1.x Visit 1.0 doc
Support SSR
Support Nuxt.js
Electron
iView does not support IE8 or below since Vue.js is using Object.defineProperty which do not be supported by these browsers to track changes.