@kdcloudjs/kdesign
Advanced tools
KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。
官网：https://react.kingdee.design/
$ npm install @kdcloudjs/kdesign --save
# 或者
$ yarn add @kdcloudjs/kdesign
import React from 'react'
import reactDom from 'react-dom'
import { Button } from '@kdcloudjs/kdesign'
import '@kdcloudjs/kdesign/dist/kdesign.css'
reactDom.render((
<div>
<Button>kdesign 按钮</Button>
</div>
), document.getElementById('root'))
在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 kdesign。
目前尚未将文件上传至 cdn 需要手动将 dist 目录下的 kdesign.min.js 和 kdesign.min.css 文件拷贝至项目。
使用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>kdesign</title>
<script src="https://cdn.staticfile.org/react/16.14.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.14.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://unpkg.com/@kdcloudjs/kdesign@latest/dist/kdesign.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@kdcloudjs/kdesign@latest/dist/kdesign.min.css">
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render((
<div>
<kdesign.Button>kdesign 按钮</kdesign.Button>
</div>
),
document.getElementById('root')
)
</script>
</body>
</html>
 IE / Edge |  Firefox |  Chrome |  Safari |  iOS Safari |  Samsung |  Opera |
|---|---|---|---|---|---|---|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
参与贡献前请先阅读 贡献指南
kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 LICENSE
FAQs
KDesign 金蝶前端react 组件库
The npm package @kdcloudjs/kdesign receives a total of 106 weekly downloads. As such, @kdcloudjs/kdesign popularity was classified as not popular.
We found that @kdcloudjs/kdesign demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.