JSPM

  • Created
  • Published
  • Downloads 119074
  • Score
    100M100P100Q144443F

A Component Library for Vue.js.

Package Exports

  • element-ui
  • element-ui/lib
  • element-ui/lib/alert
  • element-ui/lib/autocomplete
  • element-ui/lib/badge
  • element-ui/lib/breadcrumb
  • element-ui/lib/breadcrumb-item
  • element-ui/lib/button
  • element-ui/lib/button-group
  • element-ui/lib/card
  • element-ui/lib/checkbox
  • element-ui/lib/checkbox-group
  • element-ui/lib/col
  • element-ui/lib/date-picker
  • element-ui/lib/dialog
  • element-ui/lib/dropdown
  • element-ui/lib/dropdown-item
  • element-ui/lib/dropdown-menu
  • element-ui/lib/element-ui.common
  • element-ui/lib/form
  • element-ui/lib/form-item
  • element-ui/lib/icon
  • element-ui/lib/index
  • element-ui/lib/input
  • element-ui/lib/input-number
  • element-ui/lib/loading
  • element-ui/lib/menu
  • element-ui/lib/menu-item
  • element-ui/lib/menu-item-group
  • element-ui/lib/message
  • element-ui/lib/message-box
  • element-ui/lib/notification
  • element-ui/lib/option
  • element-ui/lib/option-group
  • element-ui/lib/pagination
  • element-ui/lib/popover
  • element-ui/lib/progress
  • element-ui/lib/radio
  • element-ui/lib/radio-button
  • element-ui/lib/radio-group
  • element-ui/lib/rate
  • element-ui/lib/row
  • element-ui/lib/select
  • element-ui/lib/slider
  • element-ui/lib/spinner
  • element-ui/lib/step
  • element-ui/lib/steps
  • element-ui/lib/submenu
  • element-ui/lib/switch
  • element-ui/lib/tab-pane
  • element-ui/lib/table
  • element-ui/lib/table-column
  • element-ui/lib/tabs
  • element-ui/lib/tag
  • element-ui/lib/theme-default/base.css
  • element-ui/lib/theme-default/checkbox.css
  • element-ui/lib/theme-default/index.css
  • element-ui/lib/theme-default/loading.css
  • element-ui/lib/theme-default/message.css
  • element-ui/lib/theme-default/pagination.css
  • element-ui/lib/time-picker
  • element-ui/lib/time-select
  • element-ui/lib/tooltip
  • element-ui/lib/tree
  • element-ui/lib/upload
  • element-ui/lib/utils/clickoutside
  • element-ui/lib/utils/date
  • element-ui/lib/utils/vue-popper
  • element-ui/package
  • element-ui/packages/breadcrumb
  • element-ui/packages/breadcrumb-item
  • element-ui/packages/button
  • element-ui/packages/checkbox
  • element-ui/packages/checkbox-group
  • element-ui/packages/date-picker
  • element-ui/packages/date-picker/src/util
  • element-ui/packages/dialog
  • element-ui/packages/dropdown
  • element-ui/packages/dropdown-item
  • element-ui/packages/dropdown-menu
  • element-ui/packages/form-item
  • element-ui/packages/input
  • element-ui/packages/loading
  • element-ui/packages/loading/index
  • element-ui/packages/menu
  • element-ui/packages/menu-item
  • element-ui/packages/menu-item-group
  • element-ui/packages/message
  • element-ui/packages/message-box
  • element-ui/packages/message/index.js
  • element-ui/packages/notification
  • element-ui/packages/option
  • element-ui/packages/option-group
  • element-ui/packages/pagination
  • element-ui/packages/popover
  • element-ui/packages/progress
  • element-ui/packages/radio
  • element-ui/packages/radio-button
  • element-ui/packages/radio-group
  • element-ui/packages/select
  • element-ui/packages/step
  • element-ui/packages/steps
  • element-ui/packages/submenu
  • element-ui/packages/table
  • element-ui/packages/table-column
  • element-ui/packages/table/src/table-body
  • element-ui/packages/table/src/table-column
  • element-ui/packages/table/src/table-header
  • element-ui/packages/table/src/util
  • element-ui/packages/table/src/util.js
  • element-ui/packages/tag
  • element-ui/packages/tooltip
  • element-ui/packages/tree/src/model/node
  • element-ui/packages/upload/src/ajax
  • element-ui/src/index
  • element-ui/src/mixins/emitter
  • element-ui/src/utils/clickoutside
  • element-ui/src/utils/date
  • element-ui/src/utils/vue-popper

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 (element-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Element

Build Status npm package NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/ElemeFE/element

Desktop UI elements for Vue.js 2.0.

Install

npm install element-ui@next -S

Quick Start

use babel-plugin-component

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

(roughly) to

import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

Vue.use(Element)

// or
import Select from 'element-ui/lib/select'
import 'element-ui/lib/theme-default/select.css'
import Button from 'element-ui/lib/button'
import 'element-ui/lib/theme-default/button.css'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

babel-plugin-component

.babelrc

{
  "plugins": ["xxx", ["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-default"
    }
  ]]]
}

Browser Support

Modern browsers and Internet Explorer 9+.

Development

Recommend: node >= 4 npm >= 3

# development => install packages -> build icon etc. -> run webpack
$ npm run dev

# build => build all component
$ npm run dist

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

LICENSE

MIT