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
