YikaJ/element

Desktop UI elements for Vue.js 2.0

Element

Desktop UI elements for Vue.js 2.0.

Links

• Home Page
• Docs

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

Other links

• Starter Kit
• element-starter
• element-cooking-starter
• element-in-laravel-starter
• Design resources
• Boilerplate for bug reports
• CodePen
• JSFiddle
• Mint UI - Mobile UI elements for Vue.js

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