Elenext(WIP)
A Vue.js 3.0 UI Toolkit for Web
Foreword
The purpose of this project is not to copy Element2 and translate it using Vue3, and compatibility is not a priority
If you are used to Element2 and want to use it under Vue3, we recommend moving to Element Plus.
This project implements a more modern browser-compliant UI framework that makes extensive use of various new features.
Features
- zero-configuration bundler for vue3 components ==> tsrv
- tsrv dev/build
- tsrv test
- vite docs/demo stie ==> vite-plugin-vuedoc
- docs stie
- support markdown
- demo preview
- prop types definitions ==> vptypes
- typescript support
- basic check
- style
- Reconfiguration style
- use css variables
- components
- [] something
Docs & Demo
Install
yarn add elenext
Quick Start
import 'elenext/dist/elenext.css'
import { createApp } from 'vue'
import elenext from 'elenext'
import App from './App.vue'
const app = createApp(App)
app.use(elenext)
app.mount('#app')
For more information, please refer to Quick Start in our documentation.
Browser Support
Modern browsers and Internet Explorer 11+.
Development
Skip this part if you just want to use Elenext.
Todo
✨ 组件库 ✨
- Grid
- ERow
- ECol
- Layout
- ELayout
- EMain
- EAside
- EFooter
- EHeader
- Button
- EButton
- EButtonGroup
- ELink
- EBreadcrumb
- EBreadcrumbItem
- EPagination
- Icon
- EAlert
- EPopper
- ETooltip
- EPopover
- Menu
- EMenu
- ESubMenu
- EMenuItem
- EMenuItemGroup
- EInput
- EInputGroup
- radio
- checkbox
- card
- date-picker
- dialog
- divider
- drawer
- dropdown
- form
- image
- loading
- message
- notification
- option
- pagination
- progress
Additional Tools
-
tsrv Zero Configuration bundler for vue3 components
-
vite-plugin-vuedoc Markdown document preview and code highlighting for vite
-
vptypes Vue3 Prop Types definitions
Author
👤 jaskang
- Website: https://github.com/jaskang
Show your support
Give a ⭐️ if this project helped you!