Home

Awesome

<div align="center"> <a href="https://design.ksyun.com" rel="nofollow"> <img src="/site/src/imgs/header_logo_x2.png" alt="LOGO" /> </a> <p></p>

Build Status Codecov npm

npm npm npm

</div>

English | 简体中文

Features

Browsers Support

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera
IE10, IE11, Edgelast 2 versionslast 2 versionslast 2 versionslast 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

KPC Official QQ Group

QQ

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