Quick Start ⚡️

Before you start using it, you need to master at least the basics of front-end development and the core concepts of React. If you encounter problems during the learning process, you can discuss them in the developer community.

Install

To install rsuite, run one of the following commands in your terminal:

npm install rsuite --save

Examples

The following is a simple example of using a default button component.

import { Button } from 'rsuite';
import 'rsuite/dist/rsuite.min.css';

function App() {
  return <Button appearance="primary">Hello World</Button>;
}

Without CSS Reset

rsuite.min.css includes a CSS reset. If you want to use your own CSS reset, you can import the rsuite-no-reset.min.css file instead.

- import 'rsuite/dist/rsuite.min.css';
+ import 'rsuite/dist/rsuite-no-reset.min.css';

Online example

Vercel banner