https://user-images.githubusercontent.com/19399269/141435899-e453cf75-d50f-4549-b8d0-37daebe46c36.mp4

特性

全面

60多个开箱即用的高质量组件, 可以覆盖绝大部分的业务场景。

主题配置

海量的设计 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题：

* Less-loader
* 风格配置平台 - 推荐!

可复用的定制化物料

物料平台 提供了一站式的物料管理方案。 沉淀可复用的定制化业务模块, 让效率突破猛进。

TypeScript 友好

所有组件都是用 TypeScript 编写的，所以天然的类型友好。

安装

npm package

``bash
// npm
npm install @adminium/ui

// yarn
yarn add @adminium/ui
`

例子

`typescript
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@adminium/ui';
import '@adminium/ui/dist/css/arco.css';

function App() {
return (

Hello World

);
}

ReactDOM.render(, document.getElementById('app'));
``

相关链接

* 官网
* 组件文档
* 暗黑模式
* 主题配置
* Figma 设计资源
* Awesome Arco

生态

| 项目 | 介绍 |
| --------------------- | ------------------------------------------------------- |
| [Vue 组件库] | 基于 Arco Design 的 Vue UI 组件库。 |
| [风格配置平台] | 精确到组件级的主题视觉配置平台 |
| [物料平台] | 丰富可共享的业务定制物料，让效率突破猛进 |
| [图标平台] | 一站式图标管理平台 |
| [Arco Pro] | 快速构建中后台的前端解决方案 |

[Vue 组件库]: https://arco.design/vue/docs/start
[风格配置平台]: https://arco.design/themes
[物料平台]: https://arco.design/material
[图标平台]: https://arco.design/iconbox
[Arco Pro]: https://arco.design/pro/

浏览器兼容性

|
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
Electron |
| --------- | --------- | --------- | --------- | --------- | --------- |
| Edge 16| 31| 49 | 31 | 36 | last 2 versions |

参与贡献

贡献之前请先阅读 行为准则 和 贡献指南。

感谢所有为 ArcoDesign 做过贡献的人!

License

MIT 协议