Arco Design Logo

Arco Design

基于 [Arco Design](https://arco.design/) 的 React UI 组件库。 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/arco-design/arco-design/blob/main/LICENSE) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/arco-design/awesome-arco)
[English](./README.md) | 简体中文
https://user-images.githubusercontent.com/19399269/141435899-e453cf75-d50f-4549-b8d0-37daebe46c36.mp4 # 特性 ## 全面 60多个开箱即用的高质量组件, 可以覆盖绝大部分的业务场景。 ## 主题配置 海量的设计 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题： * [Less-loader](https://arco.design/react/docs/theme) * [风格配置平台](https://arco.design/themes) - 推荐! ## 可复用的定制化物料 [物料平台](https://arco.design/material/) 提供了一站式的物料管理方案。 沉淀可复用的定制化业务模块, 让效率突破猛进。 ## TypeScript 友好 所有组件都是用 TypeScript 编写的，所以天然的类型友好。 # 安装 [npm package](https://www.npmjs.com/package/@adminium/ui) ```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 ( ); } ReactDOM.render(, document.getElementById('app')); ``` # 相关链接 * [官网](https://arco.design/) * [组件文档](https://arco.design/react/components/overview) * [暗黑模式](https://arco.design/react/docs/dark) * [主题配置](https://arco.design/react/docs/theme) * [Figma 设计资源](https://www.figma.com/file/M66cTiLXHa4SVyZIlfY5Pb/arco-Design-System?node-id=7945%3A44563) * [Awesome Arco](https://github.com/arco-design/awesome-arco) # 生态 | 项目 | 介绍 | | --------------------- | ------------------------------------------------------- | | [Vue 组件库] | 基于 [Arco Design](https://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](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | [Opera](http://godban.github.io/browsers-support-badges/)
Opera | [Electron](http://godban.github.io/browsers-support-badges/)
Electron | | --------- | --------- | --------- | --------- | --------- | --------- | | Edge 16| 31| 49 | 31 | 36 | last 2 versions | # 参与贡献 贡献之前请先阅读 [行为准则](./CODE_OF_CONDUCT.md) 和 [贡献指南](./CONTRIBUTING.zh-CN.md)。 感谢所有为 ArcoDesign 做过贡献的人! # License [MIT 协议](./LICENSE)