Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Dec 04 06:16
    Mahdibayat closed #2144
  • Dec 04 06:16
    Mahdibayat commented #2144
  • Dec 03 10:23
    simonguo commented #2173
  • Dec 03 09:46

    simonguo on main

    build(docs): bump rsuite 5.2.4 (compare)

  • Dec 03 09:37

    simonguo on 5.2.4


  • Dec 03 09:34

    simonguo on main

    build: bump 5.2.4 (compare)

  • Dec 03 09:27
    simonguo closed #1994
  • Dec 03 09:27

    simonguo on main

    fix(tree): expose methods for t… (compare)

  • Dec 03 09:27

    simonguo on usePublicMethods


  • Dec 03 09:27
    simonguo closed #2178
  • Dec 03 09:27
    simonguo closed #2173
  • Dec 03 09:25

    simonguo on main

    build(deps): bump rsuite-table … (compare)

  • Dec 03 09:25

    simonguo on table


  • Dec 03 09:25
    simonguo closed #2179
  • Dec 03 09:10

    simonguo on useToggleKeyDownEvent


  • Dec 03 09:10

    simonguo on main

    fix(pickers): fix custom input … (compare)

  • Dec 03 09:10
    simonguo closed #2176
  • Dec 03 09:09
    simonguo closed #2166
  • Dec 03 09:09

    simonguo on main

    fix(DateRangePicker): fix DateR… (compare)

  • Dec 03 09:09

    simonguo on showMeridian


Rohit JP Singh
Hello, I want to get value in obj like { ref:"user", value:"1",label:"Demo" } in tag-picker.
Esteban Diez

Hi Everyone! I'm facing a couple of challenges when using input-type rsuite components:

  1. set focus on an InputPicket. Tried autoFocus property and it doesn't work.

  2. allow user to use his keyboard to navigate through the control. E.g: InputPicker , DatePicker

Thank you!

Esteban Diez

Hola, alguien es español?


Martin Yau
Hi Everyone , Is there anyway that when I selected certain range in date range picker which include some disabled days but I can still press the OK Button?
i am coding in react in phpstorm and i am unable to get code snippets for props of components any one please help me
hlo sir
i want to know how it use dropdown in react
Hi everyone
i cant rsuite use with nextjs
i got error
Mirza Nehal Baig
hi everyone
Calendar with date range selection(https://rsuitejs.com/components/date-range-picker/) + formik. It seems that I wrote that when submitting the output to the console occurs, but for some reason there is nothing. The code is here https://pastebin.com/EY56z9tr, help please
i want to remove ok button, but with the same functionality.
means if i double click a date , it will selected and the range picker will closed.
and if i select a range so after clicking second date the start and end date will select .
like how it is working after clicking ok button
any one Please ??
Does anybody know how to change the color on the toggle for the SideNav? Tried changing the base color and everything but nothing is taking
how to use DateRangePicker with Formik?
is there way to export to pdf/excel/csv?
Tudor Popescu
Hello. How can I achieve on table header to have text on 1 line and below have an input for filter. Has anyone managed to do that ?
how to reset the selected value conditionally in dateRangePicker ?
Hi is anyone know how to use animations? I'm getting "React.Children.only expected to receive a single React element child" error when adding Slide animation in my JSX
1 reply
Tudor Popescu
Anyone knows how to use virtualized table but with data limit for better performance ? For example in a list with 3000 items render only 40 items at once then load moare as user scrolls ?
1 reply
hello all, how i can change styles for className rs-slider-progress-bar, and others classes? thx
Sachin Mittal

Hello folks
do anyone of you know of any example of rsuite from with an array or list of data objects
how can we render a form for such data

  a: "",
  b: [
      f1: "",
      f2: "",

I want to create a form for field a and also b[0]['f1'], b[0]['f2'] and so on

1 reply
how can i change the color of stepper step border box
is it possible to only install the date picker component or do i need to install the entire library in order to use any component?
Jared Dahlke

is it possible to only install the date picker component or do i need to install the entire library in order to use any component?

yeah just import it like this: import DateRangePicker from 'rsuite/lib/DateRangePicker'

1 reply
Tennyson Obed
Dropdown trigger="click" is not closing after i choose a dropDownItem
Bryan Jazo
Hey Kind of confused on how to import the template Navbar they have i followed the steps but its not really that clear
Hello I have a question is there some default CSS for rsuite, because whenever I try to use an item it doesn't look like it does on the rsuite page?
Willian Carminatti
There's any way i can get onBlur on the input ?
Guy Ponimansky
There is an issue right on your website

Meridian format

Changes Meridian from PM to AM when changing hour.

Carlos Diaz
Hey, is there a way to make everything responsive?
hello. why i can't drag and drop items on mobile device https://rsuitejs.com/components/tree ?
can i resolve it?
i cant install rsuite. i get a bunch o errors
npm ERR! ERESOLVE unable to resolve dependency tree
Peter Hu
How to use CheckTree onSelect porps? anyone?
How use Local Jalali DatePicker with rsuite datePicker?
I am using rsuite in react. What's the easiest way to setup an onclick for a Timeline.Item? Currently, it seems like the component doesn't give access to a ref.
Vigneswaren Krishnamoorthy

Hi all..having problems when I am trying to access some properties which i want to display in a <Cell> tried so many options but doesn't seem to work..

{"__typename":"Person","name":"Chance Clarens","reports_to":[{"__typename":"Person","name":"James Wagner"}]}

            {(rowData, rowIndex) => {
              return <span key={rowIndex}>{rowData.reports_to.name}</span>

I am not able to display the reports_to.name key at all. If i just use reports_to as the data key , in the console it throws an error where I need to use array.
I am a newbie to rsuite btw.

Trying using rowData.reports_to.map(who => who.name)
Your report_to is an array

@simonguo @andy_law__twitter problem with gatsby removing proptype, you can just add the following to the gatsby-node.js file ```exports.onCreateWebpackConfig = ({ getConfig, actions, stage }) => {
const webpackConfig = getConfig()

if (stage === "build-javascript") {
const dependencyRulesIndex = webpackConfig.module.rules.findIndex(
(rule) => {
return (
rule.test &&
rule.test.toString() === "/\.(js|mjs)$/" &&
typeof rule.exclude === "function"

webpackConfig.module.rules.splice(dependencyRulesIndex, 1)



this will prevent proptype from being removed
Can anyone help with daterangepicker I wish to trigger the second calendar only when I click on custom range button which I made using ranges property of Daterangepicker.
1 reply
Muhammad Zahid Hasan
Is there any way to use Material UI icon in <IconButton>?