/cyberpunk-vue

🛠A Dark Style Component Library for Vue.js

Primary LanguageJavaScriptMIT LicenseMIT

English | 简体中文

Cyberpunk Vue

Build Status NPM Download NPM Version license Github Star

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

IE / Edge
IE / Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Opera
Opera
IE9, IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Version

  • NPM Version
  • GitHub package.json 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

LICENSE

MIT