Arco DesignReact UI 组件库

Arco Design 是一套企业级 UI 解决方案，拥有系统的设计规范和资源，依据此规范提供了覆盖 React、Vue、Mobile 的原子组件。

ArcoDesign 提供的能力

完善的基础组件

基于 Arco Design 设计规范，Arco 提供了 67 个基础组件。同时，Arco 在这些基础组件的设计上，也开放了细粒度的配置，方便后续拓展。

React 和 Vue 同步支持

基于 Arco Design 设计规范，Arco 同时提供了 React 和 Vue 两套 UI 组件库。Vue 组件库基于 Vue 3.0 开发，且与 React 组件库底层能力互通，均可完美利用 Arco 生态体系的各项能力。

科学的暗黑模式

Arco 支持一键开启暗黑模式，无缝切换，流畅体验。

此项目为 Arco Design 的 React UI 组件库。

主要特性

全面

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

主题配置

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

• Less-loader

• 风格配置平台 

可复用的定制化物料

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

TypeScript 友好

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

示例

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@arco-design/web-react';
import '@arco-design/web-react/dist/css/arco.css';

function App() {
  return (
    <Button type='secondary'>
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));