Skip to content
 
 

Repository files navigation

Element Build Status npm package NPM downloads

Desktop UI elements for Vue.js 2.0.

Docs

Coming soon

Demo

Demo will come with the documentation. Here is a preview of what a page based on Element looks like:

Usages

npm install element-ui@next

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 Select from 'element-ui/lib/theme-default/select.css'
import Button from 'element-ui/lib/button'
import Button from '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"
    }
  ]]]
}

Development

Recommend: node >= 4 npm >= 3

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

# Recommended use `npminstall` to install packages, it is so fast
$ npm i npminstall -g
$ npminstall

# build => build all component
$ npm run dist

Changelog

Details 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

About

Desktop UI elements for Vue.js 2.0

Resources

Contributing

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages