rsuite

RSUITE

RSUITE [ɑː(r)swiːt] 是一套 React 开发的 UI 组件库，提供 Bootstrap 设计体系的常用组件，并且会在此基础上持续开发一些高级组件。

我们的目标就是让 WEB 开发更快捷，同时具有一定的灵活性和扩展性。

特性

• 基于 React 组件化开发模式；
• 丰富、漂亮 UI 组件；
• 支持多主题切换；
• 支持响应式布局；
• 支持 ES2015。

版本

兼容 React 版本 ^0.14.9 || >=15.3.0

安装

npm install rsuite --save

示例：

// ES2015
import { Button } from 'rsuite';

// CommonJS
var Button = require('rsuite').Button;

// AMD
define(['rsuite'], function(Suite) {
  var Button = Suite.Button;
  ...
});


ReactDOM.render(<Button>Button</Button>, mountNode);

主题

• 可以通过 rsuite-theme 管理，只需要配置一个系统主色，自动生成系统配色方案。

安装

npm install rsuite-theme --save

import

import 'rsuite-theme/dist/less/rsuite.less';

• 也可以通过 CDN 引入 css 文件

<link rel="stylesheet" href="https://unpkg.com/rsuite-theme/dist/css/rsuite.min.css" />

其他组件

• rsuite-table
• rsuite-datepicker
• rsuite-daterangepicker
• rsuite-picker
• rsuite-echarts
• rsuite-uploader
• rsuite-tree
• rsuite-slider
• rsuite-affix
• rsuite-autocomplete

License

MIT