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 React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'rsuite';

// import default style
import 'rsuite/lib/styles/index.less'; // or 'rsuite/dist/styles/rsuite-default.css'

function App() {
  return <Button>Hello World</Button>;

ReactDOM.render(<App />, document.getElementById('root'));

Online example

🎉 v5 is released! Head to the v5 documentation to get started.