基于 Arco Design 的 React UI 组件库。
English | 简体中文
60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。
海量的设计 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题:
- Less-loader
- 风格配置平台 - 推荐!
物料平台 提供了一站式的物料管理方案。 沉淀可复用的定制化业务模块, 让效率突破猛进。
所有组件都是用 TypeScript 编写的,所以天然的类型友好。
// 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 |
Firefox |
Chrome |
Safari |
Opera |
Electron |
---|---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |