Home

Awesome

<p align="center"> <img src="https://gitee.com/pandafe/element3/raw/master/element_logo.svg"> </p>

Introduction

A Vue.js 3.0 UI Toolkit for Web.

Install

npm install element3 -S

Quick Start

import { createApp } from 'vue'
import App from './App.vue'
// import style
import 'element3/lib/theme-chalk/index.css'
import Element3 from 'element3'

// global import
createApp(App).use(Element3).mount('#app')

// or according to the need to import
import {
  ElLink,
  ElButton
  // ...
} from 'element3'

createApp(App).use(ElLink).use(ElButton)

About

Documentation

To check out live docs, visit website

Questions

TODO

Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Changelog

Detailed changes for each release are documented in the CHANGELOG.

Contribution ✨

use yarn instead of npm

Please make sure to read the Contributing Guide before making a pull request. If you have a Element3-related project/component/tool, add it with a pull request to this curated list!

Thank you to all the people who already contributed to Element3!

<table><tr><td align="center"><a href="https://github.com/shengxinjing" target="_blank"><img src="https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/232746a4fa00cc14150b1dec420018dd~120x256.image" width="60" alt=""/><br /><sub><b>shengxinjing</b></sub></a><br /><a target="_blank" href="https://juejin.im/user/1556564194370270" title="Code" style="padding: 0 3px">💻</a><a target="_blank" href="https://space.bilibili.com/26995758" title="Code" style="padding: 0 3px">🎬</a></td><td align="center"><a href="https://github.com/cuixiaorui" target="_blank"><img src="https://user-gold-cdn.xitu.io/2019/12/8/16ee34c171e57baf?imageView2/1/w/180/h/180/q/85/format/webp/interlace/1" width="60" alt=""/><br /><sub><b>cuixiaorui</b></sub></a><br /><a target="_blank" href="https://juejin.im/user/2101921961483374" title="Code" style="padding: 0 3px">💻</a></td><td align="center"><a href="https://juejin.im/user/2101921961483374" target="_blank"><img src="https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/69ae92d51d8ba6b614b5509d9e43d84b~120x256.image" width="60" alt=""/><br /><sub><b>大帅ezshine</b></sub></a><br /><a target="_blank" href="https://github.com/ezshine" title="Code" style="padding: 0 3px">🧩</a><a target="_blank" href="https://space.bilibili.com/422646817" title="Code" style="padding: 0 3px">📺</a></td><td align="center"><a href="https://juejin.im/user/3685218706268685" target="_blank"><img src="https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/4ac8f0e26656e6270e8585ef1eb62090~120x256.image" width="60" alt=""/><br /><sub><b>blackNezha</b></sub></a><br /><a target="_blank" href="https://juejin.im/user/3685218706268685" title="Code" style="padding: 0 3px">💻</a></td><td align="center"><a href="https://juejin.im/user/325111174926350" target="_blank"><img src="https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/eabd8df63fd2eec8b312e8da2b335c21~120x256.image" width="60" alt=""/><br /><sub><b>村长</b></sub></a><br /><a target="_blank" href="https://space.bilibili.com/480140591" title="Code" style="padding: 0 3px">🎬</a><a target="_blank" href="https://juejin.im/user/325111174926350" title="Code" style="padding: 0 3px">💻</a></td><td align="center"><a href="https://github.com/su37josephxia" target="_blank"><img src="https://avatars3.githubusercontent.com/u/9651900?s=460&u=a03f01f1ce8e0f056601dd8b8bc57ecdf2f9ff75&v=4" width="60" alt=""/><br /><sub><b>全栈然叔</b></sub></a><br /><a target="_blank" href="https://juejin.im/user/1978776660216136" title="Code" style="padding: 0 3px">🚌</a></td><td align="center"><a href="https://github.com/ImJustAMan" target="_blank"><img src="https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/1cbee2ff884b72a50a24b023d7c82286~120x256.image" width="60" alt=""/><br /><sub><b>轩姐JustAMan</b></sub></a><br /><a target="_blank" href="https://juejin.im/user/3324538846452702" title="Code" style="padding: 0 3px">💻</a></td></tr><table>

Join Discussion Group

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

<img alt="Join Discusion Group" src="https://pic2.zhimg.com/50/v2-1442930ab968582ef6b959902ff71712_r.jpg" width="300">

@todo

  1. table
  2. table-simple
  3. description
  4. Result
  5. Empty
  6. Statistic
  7. progress barl
  8. Skeleton
  9. Space
  10. other ...

License

MIT