rsuite / rsuite-admin-template Goto Github PK

Admin Dashboard Template. Ease developers’ life with the React Suite 5. TypeScript will help with optimizing. Quick start & easily extensible code.

Home Page: https://rsuite-admin-template.vercel.app/

JavaScript 3.79% HTML 0.89% TypeScript 87.73% Less 7.59%

admin dashboard react reactjs rsuite template theme typescript ui webpack

rsuite-admin-template's Introduction

English | 中文版

React Suite is a set of React components. It is committed to providing high-quality and comprehensive React components to help developers quickly build web applications.

Supported Platforms

Browser

React Suite supports the latest, stable releases of all major browsers and platforms. IE<=10 is no longer supported since React Suite 5.0. React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers.

IE	Edge	Firefox	Chrome	Safari
>=11	>=14	>= 45	>= 49	>= 10

Server

React Suite supports server side rendering. Support Next.js to build applications.

Installation

React Suite is available as an npm package.

# with npm
npm install rsuite

# with Yarn
yarn add rsuite

# with pnpm
pnpm add rsuite

# with Bun
bun add rsuite

Usage

import { Button } from 'rsuite';
import 'rsuite/styles/index.less'; // or 'rsuite/dist/rsuite.min.css'

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

More guides on how to get started are available here.

Documentation

It's the https://rsuitejs.com website for the latest version of React Suite. For older versions head over here

The previous major version 4.x will no longer receive new features, and it is recommended to upgrade to the latest 5.x releases. Bug fixes for 4.x are still being supported for a period of time, and security fixes are supported until 6.x is in progress.

Framework Guides

React Suite can be used in your favorite framework. We have prepared step-by-step guides for these frameworks:

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Make sure you've read the guidelines before you start contributing.

Sponsoring services

These great services help us to build and maintain the project.

Service	Description
	Github lets us host the Git repository and coordinate contributions.
	Vercel provides the hosting for the documentation site.
	CodeCov lets us monitor test coverage.
	Gitee grants us GVP - Gitee Most Valuable Open Source Project.
	CodeSandbox lets us provide live previews of the components.
	Stackblitz lets us provide live previews of the components.

Supporting React Suite

If you like React Suite, you can show your support by either

Starring this repo
Leaving a comment here if you are using React Suite in your project (like we do 😄)
Becoming a backer on OpenCollective

This project exists thanks to all the people who contribute.

License

React Suite is MIT licensed.

rsuite-admin-template's People

Contributors

Stargazers

Watchers

Forkers

hqdmyjsw icewiki vnaki scaffoldings weizai118 chenxibin charles2mx fear-wall lakecenter goback619 gubaojian myke47 jinglt wiezmankimchi lerder dut3062796s yeslevon iqdavidh santhoshpkumar mikeybuckets danchab achintha444 nickhell hiyangguo dvlprb2 zackorykelly nickdesginer julianomiquelleto derciliofontes trungnv31197 urvijaykumar tran-quy ajayasharma bombom28821 osmanclk32 faisalzulfiqar20 vyawave whf605319646edu code-x-sreekanth reinaldobatista marckfish keithmoc elissondev iabo zketosis khairul111010 duylamln hermik ebenezerchristopher akbari4yaseen rikijoniiskandar sainani8897 abu-al-sadeq jordicasaspla samsedivy gwepura fermented-watermelon fmcsilva fabiosenracorrea brannan-holland infinity-chakra youneszh1 joe-watson aineah-simiyu inan-echs fernandakimiek meplay lucianoaviladev gh0st555 arpit-atriwal sangram-scintillate sonthanhdan

rsuite-admin-template's Issues

Getting eoor

Error: Module build failed (from ./node_modules/less-loader/dist/cjs.js):

transition: none !important;
border-top: 1px solid @B100;
                    ^

Variable @b100 is undefined
Error in A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\src\components\Frame\styles.less (line 9, column 26)
at Object. (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\css-loader\dist\cjs.js!A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\less-loader\dist\cjs.js??ruleSet[1].rules[2].use[2]!A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\src\styles\index.less:1:7)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:452:10
at Hook.eval [as call] (eval at create (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:5069:39
at tryRunOrWebpackError (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\HookWebpackError.js:83:7)
at webpack_require_module (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:5067:12)
at webpack_require (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:5024:18)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:5095:20
at symbolIterator (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3485:9)
at done (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\tapable\lib\HookCodeFactory.js:33:10), :15:1)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:5002:43
at symbolIterator (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3482:9)
at timesSync (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:2297:7)
at Object.eachLimit (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3463:5)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:4967:16
at symbolIterator (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3485:9)
at timesSync (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:2297:7)
at Object.eachLimit (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3463:5)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:4935:15
at symbolIterator (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3485:9)
at done (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3527:9)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:4882:8
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:3363:5
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Cache.js:93:5
at Hook.eval [as callAsync] (eval at create (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\tapable\lib\HookCodeFactory.js:33:10), :16:1)
at Cache.get (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Cache.js:75:18)
at ItemCacheFacade.get (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\CacheFacade.js:115:15)
at Compilation._codeGenerationModule (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:3331:9)
at codeGen (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:4870:11)
at symbolIterator (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3482:9)
at timesSync (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:2297:7)
at Object.eachLimit (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\neo-async\async.js:3463:5)
at A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\Compilation.js:4900:14
at processQueue (A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\webpack\lib\util\processAsyncTree.js:61:4)
at process.processTicksAndRejections (node:internal/process/task_queues:77:11)

Generated code for A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\css-loader\dist\cjs.js!A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\node_modules\less-loader\dist\cjs.js??ruleSet[1].rules[2].use[2]!A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\src\styles\index.less
1 | throw new Error("Module build failed (from ./node_modules/less-loader/dist/cjs.js):\n\n\n transition: none !important;\n border-top: 1px solid @b100;\n ^\nVariable @b100 is undefined\n Error in A:\3rd semister\MERN STACK\SDP\rsuite-admin-template\src\components\Frame\styles.less (line 9, column 26)");
@ ./src/index.tsx 8:0-30

webpack 5.88.2 compiled with 2 errors in 180 ms

Unsupport Node.js Higher Version (v10, v12)

Env:

Windows 10 64-bit
Node.js v12.10.0
Yarn 1.17.3

Error message

[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
error [email protected]: The engine "node" is incompatible with this module. Expected version ">=4 <=9". Got "12.10.0" error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

switching between displays doesn't redraw height automatically for tables

If there are two displays connected to the computer of different resolutions, switching page from once display to another doesn't recalculate height again.

Steps to reproduce:

Connect an external display along with main display to the computer.
Open Table link. for example: (https://rsuite-admin-template.vercel.app/table-members)
Switch the displaying tab to new display. It would retain the old height and scroll bars would appear. Only way to correct it is to refresh the page.

npm run dev is broken

I tried to run npm run dev and got an error:

rsuite-management-system/node_modules/webpack-cli/bin/config-yargs.js:89
				describe: optionsSchema.definitions.output.properties.path.description,
				                                                                     ^

TypeError: Cannot read property 'properties' of undefined

steps to reproduce:

clone repository
npm i
npm run dev