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

• https://cyber.punkui.com/

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

IE / Edge	Firefox	Chrome	Safari	Opera
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

• Components
  • Icon
  • Button
  • Input
  • Grid
  • Layout
  • Message
  • Tabs
  • Popover
  • Collapse
  • Cascader
  • Carousel
  • Menu
  • Pagination
  • Table
  • Upload
  • Sticky
  • Datepicker
  • Scroll
  • Switch
  • CheckBox
  • Radio
  • Form
• Complete unit test case coverage 90%+.
• Release first version of NPM
• Docs
  • Multi-language support for documentation.
  • Complete Chinese and English README.
  • Complete documentation for all components.
  • Optimize the style of the document site.
• Upgrade Component Library to Vue 3.0 & TypeScript

Thanks

• Frank Fang
• Shehab Eltawel
• Hamish Williams
• Ru Work
• Element UI
• Ant Design Vue
• Cyberpunk 2077

LICENSE

MIT