iView

A high quality UI Components Library with Vue.js

This branch is for Vue 2.x

Docs

中文文档

English (Coming soon)

Programming

• [x] Grid
• [ ] Layout
• [x] Button
• [x] Icon
• [x] Input
• [x] 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
• [x] 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