rsuite/rsuite

A suite of React components

SamirOP

@Samir-OP

I'm having error while compiling rsuite's css. https://www.toptal.com/developers/hastebin/exihoduhet.csharp

in nextjs

SamirOP

@Samir-OP

it is fixed

senakasjp

@senakasjp

How can I footer text?

lance-trylah

@lance-trylah

Hi, how do you edit the icon color for Steps?

Angie Diaz

@ceandb

Hi someone here ?

bhtsai

@bhtsai

Agree with Daniel, pleace improve the document. Maybe leverage codesandbox just like mui

jzsn2018

@jzsn2018

hi someone here?

Abderrahmane-Oubbaih

@Abderrahmane-Oubbaih

prabhjeet9433

@prabhjeet9433

Hi, I am getting typescript error in node_modules/rsuite/esm/@types/utils.d.ts(23,108)

dylanusdt

@dylanusdt:matrix.org

[m]

I'll help 10 individuals how to earn $20,000 in just 72 hours from the crypto/forex market. But you will pay me 10% commission when you receive your profit. if interested send me a direct message via Whatapp by asking me HOW for more details on how to get started
+1 (570) 801-0862

cabreran

@cabreran

Hi guys, I'm new to rsuite. I compiled rsuite with webpack as per the git repository example. But any component that uses an Icon gives me an error, other components like the buttons work... am I missing something?

1 reply

cabreran

@cabreran

The above error occurred in the <Icon> component:

mmarinac

@mmarinac

Hi guys! Does anyone have problems with Alert components? I tried to use it as an "Alert.success" message with import {Alert} from rsuite but was not successful :/ should I install something else or? Can someone help me with that?

1 reply

SamirOP

@Samir-OP

hi, I'm getting error with Affix. It shows ReferenceError: window is not defined

SamirOP

@Samir-OP

How do I add CustomProvider in nextjs?

import "../styles/globals.css";
import type { AppProps } from "next/app";
import React from "react";
import "rsuite/dist/rsuite.min.css";
import { CustomProvider } from "rsuite";


function MyApp({ Component, pageProps }: AppProps) {
  return (

      <CustomProvider theme="dark">
        <Component {...pageProps} />
      </CustomProvider>

    </>
  );
}

I'm doing it like this

but getting Error: Hydration failed because the initial UI does not match what was rendered on the server.

1 reply

Ajaykumar J

@jaksonline_twitter

Erfan Paslar

@erfanpaslar

Hi, the intro said "React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers" but I had no problem on mobile browsers. What exactly does it mean?

1 reply

SternUxi

@SternUxi

Hi I absolutely love the UI elements, How can I get the Navbar responsive to fit mobile on resize?

Aung Kyaw Khaing

@iPanda007

Sir I want to disableDate the DateRangePickerComponent ,

I don't know where is coming from dateFns.isAfter Module please help me

Simon Guo

@simonguo

import * as  dateFns from 'date-fns’

https://github.com/date-fns/date-fns

1 reply

Sudhakar Pachava

@bda8897d6d2d452_twitter

HI Team

i want vertical steps with mutiple succes and multiple failed steps to be shown

2 replies

can anyone help me with this requirement

karantechsells

@karantechsells

how can send headers: {token: ....} in uploader ?

can anyone pls help?

Simon Guo

@simonguo

https://rsuitejs.com/components/uploader/#code-lt-uploader-gt-code

Csendes

@sqpp

Hey. Is there any minimalistic theme that doesn't add any colors and just gives a straight date picker? I having hard time with RsuiteJS, as it messes up my styles after importing it.

Simon Guo

@simonguo

@sqpp https://rsuitejs.com/guide/modularized/#disabled-html-styles-reset

import DatePicker from 'rsuite/DatePicker';
import 'rsuite/DatePicker/styles/index.less’;

solo

@Solmaz2000

1 reply

Csendes

@sqpp

@simonguo

import DatePicker from 'rsuite/DatePicker';
import 'rsuite/DatePicker/styles/index.less';

wasn't really working sadly.

2 replies

Swayam Gupta

@swayamg20

how to stretch sidebar for full height

2 replies

Keith Stevens

@fozziethebeat

Has anyone every tried to use rsuite when building a Figma plugin? I can use the components but I can't quite figure out how to get the styling included.

1 reply

Swayam Gupta

@swayamg20

how can we make the sidebar responsive

Spajkowiecki

@Spajkowiecki

Hey anyone know how to open drawer from another class ?

khanadil541

@khanadil541

Hey, How can i set maxDate in daterangepicker?

1 reply

Ajaykumar J

@jaksonline_twitter

DateTimeRangePicker: Is there any way to set select the current date default time as 12:00 AM, currently it is choosing current browser(user) time?

3 replies

madCodes

@madCodes

Is there a way to create dynamic ranges for DateRangePicker? For example 1 month label, which selects one month from the date selected on first calendar

12 replies