[![Build Status](https://github.com/ksc-fe/kpc/workflows/Node.js%20CI/badge.svg?branch=master)](https://github.com/ksc-fe/kpc/actions?query=workflow%3A%22Node.js+CI%22)
[![Codecov](https://codecov.io/gh/ksc-fe/kpc/branch/master/graphs/badge.svg)](https://codecov.io/gh/ksc-fe/kpc/branch/master)
[![npm](https://img.shields.io/npm/v/@king-design/vue.svg)](https://www.npmjs.com/package/@king-design/vue)
[![npm](https://img.shields.io/npm/dm/@king-design/react.svg?label=react%20download)](https://www.npmjs.com/package/@king-design/react)
[![npm](https://img.shields.io/npm/dm/@king-design/vue.svg?label=vue3%20download)](https://www.npmjs.com/package/@king-design/vue)
[![npm](https://img.shields.io/npm/dm/@king-design/vue-legacy.svg?label=vue2%20download)](https://www.npmjs.com/package/@king-design/vue-legacy)
English | 简体中文
Features
- Support multiple frameworks: Intact / Vue / React.
- Support TypeScript.
- Change theme on runtime.
- Declarative form validation.
- Excellent documents and design
- 90% coverage unit tests.
Browsers Support
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
IE10, IE11, Edge |
last 2 versions |
last 2 versions |
last 2 versions |
last 2 versions |
Vue
Installation
# Vue3
npm install @king-design/vue --save
# Vue2
npm install @king-desing/vue-legacy --save
Usage
<template>
<Button>Hello</Button>
</template>
<script>
import {Button} from '@king-design/vue';
export default {
components: {
Button
}
}
</script>
React
Installation
npm install @king-design/react--save
Usage
import {Button} from '@king-design/react';
function App() {
return <Button>Hello</Button>
}
Immediate Feedback
Welcome to join us by QQ. Group Number: 529739732
Links
Develop
Require node@10 ~ node@14
and npm@6.9
or above.
git clone https://github.com/ksc-fe/kpc.git
cd kpc
npm install
npm run dev:doc
# test
npm run test
# update snapshots
npm run snapshot
# deploy documents
npm run deploy:doc
# release new version
npm run release
License
MIT