Get started with rsuite CDN

MIT licensed

RSuite: React form library, usability, accessibility focus.

Tags:
  • react
  • rsuite
  • component
  • react-component

Stable version

Copied!

How to start using rsuite CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rsuite@5.56.0/dist/rsuite.min.css" />
  <script src="https://cdn.cdnhub.io/rsuite/5.56.0/rsuite.min.js"></script>
</head>
<body>
  <div id="app">
    <rsuites-row gutter={[16]}>
      <rsuites-col xs={24} sm={12}>
        <rsuites-form>
          <rsuites-form-item label="Email" name="email">
            <rsuites-input type="email" />
          </rsuites-form-item>
          <rsuites-form-item label="Password" name="password">
            <rsuites-input type="password" />
          </rsuites-form-item>
          <rsuites-form-item>
            <rsuites-button type="primary" block>Login</rsuites-button>
          </rsuites-form-item>
        </rsuites-form>
      </rsuites-col>
    </rsuites-row>
  </div>
  <script>
    const App = {
      data() {
        return {};
      },
    };

    new Vue({
      el: '#app',
      render: (h) => h(App),
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

0.0.1 0.0.10 0.0.12 0.0.13 0.0.14 0.0.15 0.0.16 0.0.2 0.0.3 0.0.4 0.0.5 0.0.6 0.0.7 0.0.8 0.0.9 3.0.0 3.0.1 3.0.2 3.0.4 3.0.5 3.0.6 3.0.7 3.0.8 3.1.0 3.1.1 3.1.2 3.1.3 3.1.3-hotfix 3.2.0 3.2.1 3.2.10 3.2.11 3.2.2 3.2.3 3.2.4 3.2.5 3.2.6 3.2.7 3.2.8 3.2.9 3.3.0 3.3.1 3.3.2-canary 3.4.0 3.4.1 3.4.1-hotfix 3.4.2 3.4.2-alpha.0 3.4.2-alpha.1 3.4.2-alpha.2 3.4.2-alpha.3 3.4.2-canary 3.4.2-canary.1 3.4.3 3.4.4 3.4.5 3.5.0 3.5.0-beta 3.5.1 3.5.2 3.5.3 3.6.0 3.6.0-beta 3.6.0-beta.1 3.6.0-beta.2 3.6.0-beta.3 3.7.0 3.7.1 3.7.2 3.7.3 3.7.4 3.7.5 3.7.6 3.7.7 3.7.7-hotfix 3.7.8 3.7.9 3.8.0 3.8.1 3.8.10 3.8.11 3.8.12 3.8.13 3.8.2 3.8.3 3.8.4 3.8.5 3.8.6 3.8.7 3.8.8 3.8.9 4.0.0 4.0.0-alpha.0 4.0.0-alpha.1 4.0.0-alpha.2 4.0.0-alpha.3 4.0.0-alpha.4 4.0.1 4.0.1-beta 4.0.2 4.0.3 4.0.4 4.0.5 4.1.0 4.1.1 4.10.0 4.10.1 4.10.10 4.10.2 4.10.3 4.10.4 4.10.5 4.10.6 4.10.7 4.10.8 4.10.9 4.11.0 4.11.1 4.2.0 4.2.1 4.3.0 4.3.1 4.3.2 4.3.3 4.3.4 4.4.0 4.4.1 4.5.0 4.6.0 4.7.0 4.7.1 4.7.2 4.7.3 4.7.3-alpha.1 4.7.4 4.7.5 4.8.0 4.8.1 4.8.2 4.8.3 4.8.4 4.8.5 4.8.6 4.8.7 4.8.8 4.8.9 4.9.0 4.9.1 4.9.2 4.9.3 4.9.4 5.0.0 5.0.0-alpha.1 5.0.0-alpha.10 5.0.0-alpha.11 5.0.0-alpha.12 5.0.0-alpha.13 5.0.0-alpha.2 5.0.0-alpha.3 5.0.0-alpha.4 5.0.0-alpha.5 5.0.0-alpha.6 5.0.0-alpha.7 5.0.0-alpha.8 5.0.0-alpha.9 5.0.0-beta.1 5.0.0-beta.2 5.0.0-beta.3 5.0.0-beta.4 5.0.0-beta.5 5.0.0-beta.6 5.0.0-beta.7 5.0.0-beta.8 5.0.1 5.0.2 5.0.3 5.1.0 5.10.0 5.11.0 5.12.0 5.13.0 5.13.1 5.14.0 5.15.0 5.15.1 5.15.2 5.16.0 5.16.1 5.16.2 5.16.3 5.16.4 5.16.5 5.16.6 5.17.0 5.17.0-beta 5.17.0-beta.1 5.17.0-beta.2 5.17.1 5.18.0 5.18.0-beta.3 5.18.1 5.18.1-beta.4 5.19.0 5.19.0-beta.5 5.19.1 5.2.0 5.2.1 5.2.2 5.2.3 5.2.4 5.20.0 5.20.0-beta.6 5.21.0 5.22.0 5.22.1 5.22.2 5.23.0 5.23.1 5.23.2 5.23.3 5.24.0 5.24.1 5.25.0 5.26.0 5.26.1 5.27.0 5.28.0 5.28.1 5.28.2 5.28.3 5.29.0 5.3.0 5.30.0 5.31.0 5.31.1 5.32.0 5.33.0 5.33.1 5.34.0 5.34.1 5.35.0 5.35.1 5.36.0 5.37.0 5.37.1 5.37.2 5.37.3 5.37.4 5.38.0 5.39.0 5.4.0 5.4.1 5.4.2 5.4.3 5.4.4 5.40.0 5.41.0 5.42.0 5.43.0 5.44.0 5.45.0 5.46.0 5.46.1 5.47.0 5.48.0 5.48.1 5.49.0 5.5.0 5.5.1 5.5.2 5.50.0 5.51.0 5.52.0 5.53.0 5.53.1 5.53.2 5.54.0 5.55.0 5.55.1 5.56.0 5.57.0 5.58.0 5.58.1 5.59.0 5.59.1 5.59.2 5.59.3-alpha.1 5.6.0 5.6.1 5.6.2 5.6.3 5.6.4 5.6.5 5.6.6 5.60.0 5.60.1 5.60.2 5.61.0 5.62.0 5.62.1 5.63.0 5.63.0-alpha.1 5.63.0-alpha.2 5.64.0 5.64.1 5.64.2 5.65.0 5.65.1 5.66.0 5.67.0 *** 5.68.0 5.7.0 5.7.1 5.8.0 5.8.1 5.9.0