cyberpunk-vue
cyberpunk-vue copied to clipboard
🛠A Dark Style Component Library for Vue.js
English | 简体中文
Cyberpunk Vue
This project is under development, the API may be upgraded and changed, please do not apply it to production projects for the time being
Documents
Features
- Complete dark style UI control color matching to help you quickly build pages
- Enjoy Vue Webpack development experience and use it on mobile phones and PCs
- Use Chai mocha as a unit testing tool, with 90% test coverage
Install
npm install cyberpunk-vue
yarn add cyberpunk-vue
Quick Start
import Vue from 'vue';
import cyberpunk from 'cyberpunk-vue';
import 'cyberpunk-vue/lib/cyberpunk-vue.css';
Vue.use(cyberpunk);
// or
import {
Button,
Input
// ...
} from 'cyberpunk-vue';
Vue.use(Button);
Vue.use(Input);
Support environment
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Version
Test Coverage
Statements : 94.35% ( 217/230 )
Branches : 84.16% ( 85/101 )
Functions : 96.23% ( 102/106 )
Lines : 95.39% ( 207/217 )
TodoList
- [x] Components
- [x] Icon
- [x] Button
- [x] Input
- [x] Grid
- [x] Layout
- [x] Message
- [x] Tabs
- [x] Popover
- [x] Collapse
- [x] Cascader
- [x] Carousel
- [x] Menu
- [x] Pagination
- [x] Table
- [x] Upload
- [x] Sticky
- [x] Datepicker
- [x] Scroll
- [ ] Switch
- [ ] CheckBox
- [ ] Radio
- [ ] Form
- [x] Complete unit test case coverage 90%+.
- [x] Release first version of NPM
- [x] Docs
- [x] Multi-language support for documentation.
- [x] Complete Chinese and English README.
- [x] Complete documentation for all components.
- [x] Optimize the style of the document site.
- [ ] Upgrade Component Library to Vue 3.0 & TypeScript
Thanks
LICENSE
MIT