JSPM

iview

v3.5.5-rc.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5944
  • Score
    100M100P100Q118179F
  • License MIT

A high quality UI components Library with Vue.js

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/auto-complete
  • iview/src/components/avatar
  • 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/col
  • iview/src/components/collapse
  • iview/src/components/color-picker
  • iview/src/components/date-picker
  • iview/src/components/dropdown
  • iview/src/components/dropdown-item
  • iview/src/components/dropdown-menu
  • iview/src/components/form
  • iview/src/components/form-item
  • 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/locale
  • 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/option
  • iview/src/components/option-group
  • iview/src/components/page
  • iview/src/components/poptip
  • iview/src/components/progress
  • iview/src/components/radio
  • iview/src/components/rate
  • iview/src/components/row
  • iview/src/components/select
  • iview/src/components/slider
  • iview/src/components/spin
  • iview/src/components/steps
  • iview/src/components/switch
  • iview/src/components/tab-pane
  • 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
  • iview/src/utils/transfer-queue

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

A high quality UI Toolkit built on Vue.js.

iView NPM downloads NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/iview/iview Backers on Open Collective Sponers on Open Collective

Docs

3.x | 2.x | 1.x

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

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

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 TypeScript
  • Supports Electron
  • Most components and features support IE9 and above browsers, some components and features do not support IE

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 iview@tendcloud.com. PRs welcome!

Major Contributors

Name Avatar Name Avatar Name Avatar
Aresn jingsam rijn
lcx960324 GITleonine1989 huixisheng
Sergio Crisostomo lison16 Xotic750
huanghong1125 yangdan8

License

MIT

Copyright (c) 2016-present, TalkingData