@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 193 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
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.
Security News
Michigan TypeScript founder Dimitri Mitropoulos implements WebAssembly runtime in TypeScript types, enabling Doom to run after processing 177 terabytes of type definitions.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.