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.


Using npm or yarn

We recommend using npm or yarn to install.First you need to properly install the NPM environment locally and install rsuite via npm.

$ npm i rsuite --save

If you are using yarn you can also install through yarn:

$ yarn add rsuite


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