React UI Components Library – Arco Design

A comprehensive React UI components library based on the Arco Design system.

Components Included:

  • Button
  • Icon
  • Link
  • Typography
  • Divider
  • Grid
  • Layout
  • Space
  • Avatar
  • Badge
  • Calendar
  • Card
  • Carousel
  • Collapse
  • Comment
  • Descriptions
  • Empty
  • Image
  • List
  • Popover
  • Statistic
  • Table
  • Tabs
  • Tag
  • Timeline
  • Tooltip
  • Tree
  • AutoComplete
  • Cascader
  • Checkbox
  • DatePicker
  • Form
  • Input
  • InputTag
  • InputNumber
  • Mentions
  • Radio
  • Rate
  • Select
  • Slider
  • Switch
  • TimePicker
  • Transfer
  • TreeSelect
  • Upload
  • Alert
  • Drawer
  • Message
  • Modal
  • Notification
  • Popconfirm
  • Progress
  • Result
  • Spin
  • Skeleton
  • Breadcrumb
  • Dropdown
  • Menu
  • PageHeader
  • Pagination
  • Steps
  • Affix
  • Anchor
  • ConfigProvider
  • BackTop
  • ResizeBox
  • Trigger

How to use it:

1. Install the Arco Design.

# Yarn
$ yarn add @arco-design/web-react

# NPM
$ npm i @arco-design/web-react

2. Basic usage.

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

Preview:

Download Details:

Author: arco-design

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/arco-design/arco-design

License: MIT

You Might Be Interested In:

Add Comment