Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varletjs/varlet-vue2
Material design mobile component library for Vue2 / 基于 Vue2 的 Material design 风格移动端组件库
https://github.com/varletjs/varlet-vue2
components js material-design ts uikit vue vue2
Last synced: 2 days ago
JSON representation
Material design mobile component library for Vue2 / 基于 Vue2 的 Material design 风格移动端组件库
- Host: GitHub
- URL: https://github.com/varletjs/varlet-vue2
- Owner: varletjs
- License: mit
- Created: 2022-02-16T05:50:31.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-02-24T04:12:03.000Z (over 1 year ago)
- Last Synced: 2024-06-11T03:33:58.822Z (5 months ago)
- Topics: components, js, material-design, ts, uikit, vue, vue2
- Language: Vue
- Homepage: https://varlet.gitee.io/varlet-ui-vue2/#/en-US/index
- Size: 11.6 MB
- Stars: 149
- Watchers: 6
- Forks: 27
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
VARLET-VUE2
Material design mobile component library for Vue2
Documentation(Vercel) |
Documentation(Gitee) |
中文README
---
### Intro
Varlet-vue2 is a Material design mobile component library developed based on `Vue2`, developed and maintained by partners in the community.
### Features
- 🚀 Provide 50 high quality general purpose components
- 🚀 Components are very lightweight
- 💪 Developed by Chinese, complete Chinese and English documentation and logistics support
- 🛠️ Support on-demand introduction
- 🛠️ Support theme customization
- 🌍 Support internationalization
- 💡 Support WebStorm, VS Code component syntax highlighting
- 💪 Support the SSR
- 💡 Support the Typescript
- 💪 Make sure more than 90 percent unit test coverage, providing stability assurance
- 🛠️ Support dark mode
### Install
### CDN
`varlet.js` component functions have been completed, and unit testing is in progress, recommended for internal testing
```html
Vue.use(Varlet)
new Vue({
template: '<var-button>Button</var-button>'
}).$mount('#app')
```
### Webpack / Vite
```shell
# Install with npm or yarn or pnpm
# npm
npm i @varlet-vue2/ui -S
# yarn
yarn add @varlet-vue2/ui
# pnpm
pnpm add @varlet-vue2/ui
```
```js
import App from './App.vue'
import Varlet from '@varlet-vue2/ui'
import Vue from 'vue'
import '@varlet-vue2/ui/es/style.js'
Vue.use(Varlet)
new Vue({
render: (h) => h(App)
}).$mount('#app')
```
### Contributors
### Repo Status
This repo will no longer perform feature updates, only bug fixes,
It is recommended to use [Varlet Vue3 version](https://github.com/varletjs/varlet)