766

0

Arco Design

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

Arco Design

基于 Arco Design 的 React UI 组件库。

特性

全面

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

主题配置

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

可复用的定制化物料

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

TypeScript 友好

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

安装

npm package

// npm
npm install @arco-design/web-react

// yarn
yarn add @arco-design/web-react

例子

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'));

相关链接

生态

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

浏览器兼容性

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

参与贡献

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

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

License

MIT 协议