Element Plus - A Vue.js 3 UI library
- ๐ช Vue 3 Composition API
- ๐ฅ Written in TypeScript
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.
This project is still under heavy development. Feel free to join us and make your first pull request.
Special thanks to the generous sponsorship by:
![]() |
![]() |
Element Plus is translated to multiple languages, you can click the badge to help up update the translation or apply to become
a proofreader
You can find for more details, API, and other docs on https://element-plus.org
ๅฝๅ ๅ ้้ๅ็ซ็น
Join our Discord to start communicating with everybody.
You can find the breaking change list here: Breaking Change List.
With command
$ pnpm bootstrap
the project will install all dependencies
With command
$ pnpm docs:dev
the project will launch website for you to preview all existing component
- With command
$ pnpm dev
will start the local development environment
- 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.
- Convert the item in https://github.com/element-plus/element-plus/projects/1 to an issue
- Assign yourself to the issue
- Author your component by generating new component command below
- Migrate tests and docs
- Open a new pull request, fill in the component issue link in 1
With command
$ pnpm gen component-name
Note the component-name
must be in kebab-case
, combining words by replacing each space with a dash.
With command
pnpm cz
Example
# [TYPE](SCOPE): [el-component-name] DESCRIPTION#[ISSUE]
# example: feat(components): [el-button] add type for form usage #1234
Element Plus is open source software licensed as MIT.
This project wouldn't exist without our amazing contributors