iView

A high quality UI Components Library with Vue.js

This branch is for Vue 2.x

Docs

中文文档

English (Coming soon)

Programming

• Grid
• Layout
• Button
• Icon
• Input
• Radio
• Checkbox
• Switch
• Table
• Select
• Slider
• DatePicker
• TimePicker
• Cascader
• Transfer
• InputNumber
• Rate
• Upload
• Form
• Alert
• Card
• Message
• Notice
• Modal
• Progress
• Badge
• Collapse
• Timeline
• Tag
• Tooltip
• Poptip
• Carousel
• Tree
• Menu
• Tabs
• Dropdown
• Page
• Breadcrumb
• Steps
• LoadingBar
• Circle
• Affix
• BackTop
• Spin

Overview

组件概览（Component Overview）

Features

• High quality and rich functions
• Friendly APIs,free and flexible
• Great Documentation
• It is quite beautiful
• Using .vue file development mode
• Based on npm + webpack + babel, using ES2015

Install

Install vue-webpack project in the first place

Use iview-project(Recommended) Or 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 :value.sync="value" range></Slider>
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Use css

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

Browser Support

Normal browsers and Internet Explorer 9+.

Links

• TalkingData
• Vue
• Webpack
• ionicons
• Ant Design