JSPM

  • Created
  • Published
  • Downloads 124082
  • Score
    100M100P100Q148243F
  • License MIT

A Component Library for Vue.js.

Package Exports

  • element-ui/package
  • element-ui/package.json
  • element-ui/packages/alert
  • element-ui/packages/alert/index.js
  • element-ui/packages/aside
  • element-ui/packages/aside/index.js
  • element-ui/packages/autocomplete
  • element-ui/packages/autocomplete/index.js
  • element-ui/packages/avatar/index.js
  • element-ui/packages/backtop/index.js
  • element-ui/packages/badge
  • element-ui/packages/badge/index.js
  • element-ui/packages/breadcrumb
  • element-ui/packages/breadcrumb-item
  • element-ui/packages/breadcrumb-item/index.js
  • element-ui/packages/breadcrumb/index.js
  • element-ui/packages/button
  • element-ui/packages/button-group
  • element-ui/packages/button-group/index.js
  • element-ui/packages/button/index.js
  • element-ui/packages/calendar
  • element-ui/packages/calendar/index.js
  • element-ui/packages/card
  • element-ui/packages/card/index.js
  • element-ui/packages/carousel
  • element-ui/packages/carousel-item
  • element-ui/packages/carousel-item/index.js
  • element-ui/packages/carousel/index.js
  • element-ui/packages/cascader
  • element-ui/packages/cascader-panel
  • element-ui/packages/cascader-panel/index.js
  • element-ui/packages/cascader-panel/src/store
  • element-ui/packages/cascader-panel/src/store.js
  • element-ui/packages/cascader/index.js
  • element-ui/packages/checkbox
  • element-ui/packages/checkbox-button
  • element-ui/packages/checkbox-button/index.js
  • element-ui/packages/checkbox-group
  • element-ui/packages/checkbox-group/index.js
  • element-ui/packages/checkbox/index.js
  • element-ui/packages/col
  • element-ui/packages/col/index.js
  • element-ui/packages/col/src/col
  • element-ui/packages/col/src/col.js
  • element-ui/packages/collapse
  • element-ui/packages/collapse-item
  • element-ui/packages/collapse-item/index.js
  • element-ui/packages/collapse/index.js
  • element-ui/packages/color-picker
  • element-ui/packages/color-picker/index.js
  • element-ui/packages/color-picker/src/color
  • element-ui/packages/color-picker/src/color.js
  • element-ui/packages/container
  • element-ui/packages/container/index.js
  • element-ui/packages/date-picker
  • element-ui/packages/date-picker/index.js
  • element-ui/packages/date-picker/src/basic/date-table.vue
  • element-ui/packages/date-picker/src/picker/date-picker
  • element-ui/packages/date-picker/src/picker/date-picker.js
  • element-ui/packages/date-picker/src/picker/time-picker
  • element-ui/packages/date-picker/src/picker/time-picker.js
  • element-ui/packages/date-picker/src/picker/time-select
  • element-ui/packages/date-picker/src/picker/time-select.js
  • element-ui/packages/dialog
  • element-ui/packages/dialog/index.js
  • element-ui/packages/divider
  • element-ui/packages/divider/index.js
  • element-ui/packages/drawer
  • element-ui/packages/drawer/index.js
  • element-ui/packages/dropdown
  • element-ui/packages/dropdown-item
  • element-ui/packages/dropdown-item/index.js
  • element-ui/packages/dropdown-menu
  • element-ui/packages/dropdown-menu/index.js
  • element-ui/packages/dropdown/index.js
  • element-ui/packages/empty/index.js
  • element-ui/packages/footer
  • element-ui/packages/footer/index.js
  • element-ui/packages/form
  • element-ui/packages/form-item
  • element-ui/packages/form-item/index.js
  • element-ui/packages/form/index.js
  • element-ui/packages/header
  • element-ui/packages/header/index.js
  • element-ui/packages/icon
  • element-ui/packages/icon/index.js
  • element-ui/packages/image
  • element-ui/packages/image/index.js
  • element-ui/packages/image/src/image-viewer.vue
  • element-ui/packages/infinite-scroll
  • element-ui/packages/infinite-scroll/index.js
  • element-ui/packages/input
  • element-ui/packages/input-number
  • element-ui/packages/input-number/index.js
  • element-ui/packages/input/index.js
  • element-ui/packages/link
  • element-ui/packages/link/index.js
  • element-ui/packages/loading
  • element-ui/packages/loading/index
  • element-ui/packages/loading/index.js
  • element-ui/packages/loading/src/directive
  • element-ui/packages/loading/src/directive.js
  • element-ui/packages/loading/src/loading.vue
  • element-ui/packages/main
  • element-ui/packages/main/index.js
  • element-ui/packages/menu
  • element-ui/packages/menu-item
  • element-ui/packages/menu-item-group
  • element-ui/packages/menu-item-group/index.js
  • element-ui/packages/menu-item/index.js
  • element-ui/packages/menu/index.js
  • element-ui/packages/menu/src/menu-mixin
  • element-ui/packages/menu/src/menu-mixin.js
  • element-ui/packages/message
  • element-ui/packages/message-box
  • element-ui/packages/message-box/index.js
  • element-ui/packages/message/index.js
  • element-ui/packages/message/src/main
  • element-ui/packages/message/src/main.js
  • element-ui/packages/notification
  • element-ui/packages/notification/index.js
  • element-ui/packages/option
  • element-ui/packages/option-group
  • element-ui/packages/option-group/index.js
  • element-ui/packages/option/index.js
  • element-ui/packages/page-header
  • element-ui/packages/page-header/index.js
  • element-ui/packages/pagination
  • element-ui/packages/pagination/index.js
  • element-ui/packages/popconfirm
  • element-ui/packages/popconfirm/index.js
  • element-ui/packages/popover
  • element-ui/packages/popover/index.js
  • element-ui/packages/popover/src/directive
  • element-ui/packages/popover/src/directive.js
  • element-ui/packages/progress
  • element-ui/packages/progress/index.js
  • element-ui/packages/radio
  • element-ui/packages/radio-button
  • element-ui/packages/radio-button/index.js
  • element-ui/packages/radio-group
  • element-ui/packages/radio-group/index.js
  • element-ui/packages/radio/index.js
  • element-ui/packages/rate
  • element-ui/packages/rate/index.js
  • element-ui/packages/row
  • element-ui/packages/row/index.js
  • element-ui/packages/row/src/row
  • element-ui/packages/row/src/row.js
  • element-ui/packages/scrollbar
  • element-ui/packages/scrollbar/index.js
  • element-ui/packages/select
  • element-ui/packages/select/index.js
  • element-ui/packages/select/src/select-dropdown.vue
  • element-ui/packages/skeleton-item/index.js
  • element-ui/packages/skeleton/index.js
  • element-ui/packages/slider
  • element-ui/packages/slider/index.js
  • element-ui/packages/spinner
  • element-ui/packages/spinner/index.js
  • element-ui/packages/step
  • element-ui/packages/step/index.js
  • element-ui/packages/steps
  • element-ui/packages/steps/index.js
  • element-ui/packages/submenu
  • element-ui/packages/submenu/index.js
  • element-ui/packages/switch
  • element-ui/packages/switch/index.js
  • element-ui/packages/tab-pane
  • element-ui/packages/tab-pane/index.js
  • element-ui/packages/table
  • element-ui/packages/table-column
  • element-ui/packages/table-column/index.js
  • element-ui/packages/table/index.js
  • element-ui/packages/table/src/store/current
  • element-ui/packages/table/src/store/current.js
  • element-ui/packages/table/src/store/helper
  • element-ui/packages/table/src/store/helper.js
  • element-ui/packages/table/src/table-body
  • element-ui/packages/table/src/table-body.js
  • element-ui/packages/table/src/table-column
  • element-ui/packages/table/src/table-column.js
  • element-ui/packages/table/src/table-footer
  • element-ui/packages/table/src/table-footer.js
  • element-ui/packages/table/src/table-header
  • element-ui/packages/table/src/table-header.js
  • element-ui/packages/table/src/table-layout
  • element-ui/packages/table/src/table-layout.js
  • element-ui/packages/table/src/util
  • element-ui/packages/table/src/util.js
  • element-ui/packages/tabs
  • element-ui/packages/tabs/index.js
  • element-ui/packages/tag
  • element-ui/packages/tag/index.js
  • element-ui/packages/theme-chalk/src/alert.scss
  • element-ui/packages/theme-chalk/src/autocomplete.scss
  • element-ui/packages/theme-chalk/src/badge.scss
  • element-ui/packages/theme-chalk/src/base.scss
  • element-ui/packages/theme-chalk/src/button.scss
  • element-ui/packages/theme-chalk/src/card.scss
  • element-ui/packages/theme-chalk/src/cascader.scss
  • element-ui/packages/theme-chalk/src/checkbox-button.scss
  • element-ui/packages/theme-chalk/src/checkbox-group.scss
  • element-ui/packages/theme-chalk/src/checkbox.scss
  • element-ui/packages/theme-chalk/src/collapse-item.scss
  • element-ui/packages/theme-chalk/src/collapse.scss
  • element-ui/packages/theme-chalk/src/date-picker.scss
  • element-ui/packages/theme-chalk/src/dialog.scss
  • element-ui/packages/theme-chalk/src/drawer.scss
  • element-ui/packages/theme-chalk/src/dropdown-item.scss
  • element-ui/packages/theme-chalk/src/dropdown-menu.scss
  • element-ui/packages/theme-chalk/src/dropdown.scss
  • element-ui/packages/theme-chalk/src/empty.scss
  • element-ui/packages/theme-chalk/src/form-item.scss
  • element-ui/packages/theme-chalk/src/form.scss
  • element-ui/packages/theme-chalk/src/icon.scss
  • element-ui/packages/theme-chalk/src/index.scss
  • element-ui/packages/theme-chalk/src/input-number.scss
  • element-ui/packages/theme-chalk/src/input.scss
  • element-ui/packages/theme-chalk/src/loading.scss
  • element-ui/packages/theme-chalk/src/message-box.scss
  • element-ui/packages/theme-chalk/src/message.scss
  • element-ui/packages/theme-chalk/src/notification.scss
  • element-ui/packages/theme-chalk/src/option.scss
  • element-ui/packages/theme-chalk/src/popover.scss
  • element-ui/packages/theme-chalk/src/radio-button.scss
  • element-ui/packages/theme-chalk/src/radio-group.scss
  • element-ui/packages/theme-chalk/src/radio.scss
  • element-ui/packages/theme-chalk/src/row.scss
  • element-ui/packages/theme-chalk/src/select.scss
  • element-ui/packages/theme-chalk/src/step.scss
  • element-ui/packages/theme-chalk/src/steps.scss
  • element-ui/packages/theme-chalk/src/switch.scss
  • element-ui/packages/theme-chalk/src/tab-pane.scss
  • element-ui/packages/theme-chalk/src/table-column.scss
  • element-ui/packages/theme-chalk/src/table.scss
  • element-ui/packages/theme-chalk/src/tabs.scss
  • element-ui/packages/theme-chalk/src/tag.scss
  • element-ui/packages/theme-chalk/src/time-picker.scss
  • element-ui/packages/theme-chalk/src/tooltip.scss
  • element-ui/packages/theme-chalk/src/transfer.scss
  • element-ui/packages/theme-chalk/src/upload.scss
  • element-ui/packages/time-picker
  • element-ui/packages/time-picker/index.js
  • element-ui/packages/time-select/index.js
  • element-ui/packages/timeline
  • element-ui/packages/timeline-item
  • element-ui/packages/timeline-item/index.js
  • element-ui/packages/timeline/index.js
  • element-ui/packages/tooltip
  • element-ui/packages/tooltip/index.js
  • element-ui/packages/tooltip/src/main
  • element-ui/packages/tooltip/src/main.js
  • element-ui/packages/transfer
  • element-ui/packages/transfer/index.js
  • element-ui/packages/tree
  • element-ui/packages/tree/index.js
  • element-ui/packages/tree/src/model/node
  • element-ui/packages/tree/src/model/node.js
  • element-ui/packages/tree/src/model/util
  • element-ui/packages/tree/src/model/util.js
  • element-ui/packages/tree/src/tree-node.vue
  • element-ui/packages/tree/src/tree.vue
  • element-ui/packages/upload
  • element-ui/packages/upload/index.js
  • element-ui/packages/upload/src/ajax
  • element-ui/packages/upload/src/ajax.js
  • element-ui/src
  • element-ui/src/directives/mousewheel
  • element-ui/src/directives/mousewheel.js
  • element-ui/src/directives/repeat-click
  • element-ui/src/directives/repeat-click.js
  • element-ui/src/index
  • element-ui/src/index.js
  • element-ui/src/locale
  • element-ui/src/locale/format
  • element-ui/src/locale/format.js
  • element-ui/src/locale/index.js
  • element-ui/src/locale/lang/ar
  • element-ui/src/locale/lang/ar.js
  • element-ui/src/locale/lang/ca
  • element-ui/src/locale/lang/ca.js
  • element-ui/src/locale/lang/da
  • element-ui/src/locale/lang/da.js
  • element-ui/src/locale/lang/de
  • element-ui/src/locale/lang/de.js
  • element-ui/src/locale/lang/el
  • element-ui/src/locale/lang/el.js
  • element-ui/src/locale/lang/en
  • element-ui/src/locale/lang/en.js
  • element-ui/src/locale/lang/es
  • element-ui/src/locale/lang/es.js
  • element-ui/src/locale/lang/fa
  • element-ui/src/locale/lang/fa.js
  • element-ui/src/locale/lang/fi
  • element-ui/src/locale/lang/fi.js
  • element-ui/src/locale/lang/he
  • element-ui/src/locale/lang/he.js
  • element-ui/src/locale/lang/id
  • element-ui/src/locale/lang/id.js
  • element-ui/src/locale/lang/it
  • element-ui/src/locale/lang/it.js
  • element-ui/src/locale/lang/pl
  • element-ui/src/locale/lang/pl.js
  • element-ui/src/locale/lang/zh-CN
  • element-ui/src/locale/lang/zh-CN.js
  • element-ui/src/mixins/emitter
  • element-ui/src/mixins/emitter.js
  • element-ui/src/mixins/focus
  • element-ui/src/mixins/focus.js
  • element-ui/src/mixins/locale
  • element-ui/src/mixins/locale.js
  • element-ui/src/mixins/migrating
  • element-ui/src/mixins/migrating.js
  • element-ui/src/transitions/collapse-transition
  • element-ui/src/transitions/collapse-transition.js
  • element-ui/src/utils/after-leave
  • element-ui/src/utils/after-leave.js
  • element-ui/src/utils/aria-dialog
  • element-ui/src/utils/aria-dialog.js
  • element-ui/src/utils/aria-utils
  • element-ui/src/utils/aria-utils.js
  • element-ui/src/utils/clickoutside
  • element-ui/src/utils/clickoutside.js
  • element-ui/src/utils/date
  • element-ui/src/utils/date-util
  • element-ui/src/utils/date-util.js
  • element-ui/src/utils/date.js
  • element-ui/src/utils/dom
  • element-ui/src/utils/dom.js
  • element-ui/src/utils/menu/aria-menubar
  • element-ui/src/utils/menu/aria-menubar.js
  • element-ui/src/utils/merge
  • element-ui/src/utils/merge.js
  • element-ui/src/utils/popper
  • element-ui/src/utils/popper.js
  • element-ui/src/utils/popup
  • element-ui/src/utils/popup/index.js
  • element-ui/src/utils/popup/popup-manager
  • element-ui/src/utils/popup/popup-manager.js
  • element-ui/src/utils/resize-event
  • element-ui/src/utils/resize-event.js
  • element-ui/src/utils/scroll-into-view
  • element-ui/src/utils/scroll-into-view.js
  • element-ui/src/utils/scrollbar-width
  • element-ui/src/utils/scrollbar-width.js
  • element-ui/src/utils/shared
  • element-ui/src/utils/shared.js
  • element-ui/src/utils/types
  • element-ui/src/utils/types.js
  • element-ui/src/utils/util
  • element-ui/src/utils/util.js
  • element-ui/src/utils/vdom
  • element-ui/src/utils/vdom.js
  • element-ui/src/utils/vue-popper
  • element-ui/src/utils/vue-popper.js

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


A Vue.js 2.0 UI Toolkit for Web.

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus(Element Plus is a community develop project)

Install

npm install element-ui -S

Quick Start

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)

For more information, please refer to Quick Start in our documentation.

Browser Support

Modern browsers and Internet Explorer 10+.

Development

Skip this part if you just want to use Element.

For those who are interested in contributing to Element, please refer to our contributing guide (中文 | English | Español | Français) to see how to run this project.

Changelog

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

FAQ

We have collected some frequently asked questions. Before reporting an issue, please search if the FAQ has the answer to your problem.

Contribution

Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.

Special Thanks

English documentation is brought to you by SwiftGG Translation Team:

Spanish documentation is made possible by these community developers:

French documentation is made possible by these community developers:

Join Discussion Group

Scan the QR code using Dingtalk App to join in discussion group :

Join Discusion Group

LICENSE

MIT