Migrated repository
Go to file
2021-09-21 02:09:18 +08:00
.github chore(project): use specified run id for preview depoly (#3500) 2021-09-19 17:24:42 +08:00
.husky refactor: upgrade to husky@7 & lint-staged@11 & commitlint@13 (#3239) 2021-09-05 01:33:56 +08:00
.vscode chore(dev): support latest volar (#3508) 2021-09-21 01:37:59 +08:00
build fix(build): full bundle transform error (#3504) 2021-09-19 20:23:00 +08:00
docs fix(docs): notification documentation with types demo icon missing (#3521) 2021-09-21 01:50:43 +08:00
packages fix(components): [el-virtual-list] potential mem issue (#3510) 2021-09-19 22:09:18 +08:00
play chore(project): add vite init & update vite config with ts (#3519) 2021-09-21 02:09:18 +08:00
scripts epic(website): refactor website (#3426) 2021-09-17 00:18:50 +08:00
typings style: add import and stricter lint (#3440) 2021-09-17 15:27:31 +08:00
.editorconfig feat/add-storybook 2020-07-24 19:20:37 +08:00
.eslintignore style: add import and stricter lint (#3440) 2021-09-17 15:27:31 +08:00
.eslintrc.js style: add import and stricter lint (#3440) 2021-09-17 15:27:31 +08:00
.gitattributes chore(project): improve prettier format (#3236) 2021-09-05 00:53:31 +08:00
.gitignore chore: add vscode config & upgrade typescript/sass/vite (#3502) 2021-09-19 19:34:25 +08:00
.markdownlint.json refactor: update package path and bundle folder (#3016) 2021-08-24 13:36:48 +08:00
.npmrc refactor: update package path and bundle folder (#3016) 2021-08-24 13:36:48 +08:00
.prettierignore chore(project): add coverage into prettier ignore (#3240) 2021-09-05 14:46:46 +08:00
.prettierrc chore(project): improve prettier format (#3236) 2021-09-05 00:53:31 +08:00
babel.config.js chore(project): upgrade dependencies to latest minor (#3242) 2021-09-05 19:57:35 +08:00
CHANGELOG.en-US.md Update CHANGELOG.en-US.md 2021-09-15 01:15:13 +08:00
CODE_OF_CONDUCT.md style: use prettier (#3228) 2021-09-04 19:29:28 +08:00
commitlint.config.js chore: remove import-from (#3503) 2021-09-19 20:18:14 +08:00
jest.config.js chore(project): upgrade dependencies to latest minor (#3242) 2021-09-05 19:57:35 +08:00
lerna.json style: use prettier (#3228) 2021-09-04 19:29:28 +08:00
LICENSE Create LICENSE 2020-08-18 13:53:45 +08:00
package.json chore(project): add vite init & update vite config with ts (#3519) 2021-09-21 02:09:18 +08:00
README.md feat(project): local dev environment (#3463) 2021-09-17 16:42:20 +08:00
tsconfig.dts.json style: use prettier (#3228) 2021-09-04 19:29:28 +08:00
tsconfig.json refactor(components): refactor button (#3341) 2021-09-12 19:38:48 +08:00
yarn.lock fix(components): [el-virtual-list] potential mem issue (#3510) 2021-09-19 22:09:18 +08:00


Element Plus - A Vue.js 3 UI library

  • 💪 Vue 3 Composition API
  • 🔥 Written in TypeScript

Archived website

If you are looking for previous version website, here is the link.

Element Plus Documentation Archived

The new website is launched at 17th Sep 2021.

Status: Beta

This project is still under heavy development. Feel free to join us and make your first pull request.

Edit element-plus


Special thanks to the generous sponsorship by:



Translations

Element Plus is translated to multiple languages, you can click the badge to help up update the translation or apply to become a proofreader Crowdin

Documentation

You can find for more details, API, and other docs on https://element-plus.org

国内加速镜像站点

Join our Discord to start communicating with everybody.

Breaking change list

You can find the breaking change list here: Breaking Change List.

Bootstrap project

With command

$ yarn bootstrap

the project will install all dependencies and run lerna bootstrap to initialize the project

Website preview

With command

$ yarn docs:dev

the project will launch website for you to preview all existing component

Local development

  1. With command
$ yarn dev

will start the local development environment

  1. Add your component into play/play.vue

play.vue

<template>
  <ComponentYouAreDeveloping />
</template>

<script setup lang="ts">
// make sure this component is registered in @element-plus/components
import { ComponentYouAreDeveloping } from '@element-plus/components'
</script>

Modify play.vue file per your needs to get things work.

Component migration process

  1. Convert the item in https://github.com/element-plus/element-plus/projects/1 to an issue
  2. Assign yourself to the issue
  3. Author your component by generating new component command below
  4. Migrate tests and docs
  5. Open a new pull request, fill in the component issue link in 1

Generate new component

With command

$ yarn gen component-name

Note the component-name must be in kebab-case, combining words by replacing each space with a dash.

Commit template

With command

yarn cz

Example

# [TYPE](SCOPE): [el-component-name] DESCRIPTION#[ISSUE]
# example: feat(components): [el-button] add type for form usage #1234

Licence

Element Plus is open source software licensed as MIT.

Contributors

This project wouldn't exist without our amazing contributors