Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

rsuite/rsuite

A suite of React components

People

Repo info

Activity

10:08

vercel[bot] commented #1476
10:04

vercel[bot] commented #1476
10:04

vercel[bot] commented #1476
10:04

vercel[bot] commented #1476
10:04

SevenOutman synchronize #1476
10:04

SevenOutman on style-system

refactor(button): reorg button … refactor(button): move transiti… style(styles): fix linting prob… and 1 more (compare)
10:01

SevenOutman edited #1476
07:05

SevenOutman edited #1476
07:03

vercel[bot] commented #1476
07:03

SevenOutman opened #1476
06:52

Kimi-Gao edited #1473
04:49

vercel[bot] commented #1475
04:49

vercel[bot] commented #1475
04:45

vercel[bot] commented #1475
04:45

simonguo opened #1475
04:45

simonguo on radio

fix(radio): fixed the color of … (compare)
Jan 24 17:17

SevenOutman on style-system

feat(styles): custom properties… (compare)
Jan 24 05:16

vercel[bot] commented #1474
Jan 24 05:16

vercel[bot] commented #1474
Jan 24 05:13

vercel[bot] commented #1474

Simon Guo

@simonguo

@simmbiote Thanks for your approval.

yuval shimoni

@yuvalshim

Hi how can I implement virtualized with autoHieght ?

yuval shimoni

@yuvalshim

(Table component)

yuval shimoni

@yuvalshim

yuval shimoni

@yuvalshim

@simmbiote can you help me please?

@rsuite ?

El-Mehdi Loukach

@EL-MehdiLoukach

Hello @everybody, i'm trying to use react suite for the first time, so far everything is good, i just have one question about how to display the range slider labels, should i create a function that will handle the thing, or just insert the prop renderMark inside the rendered component ? Thanks in advance !

El-Mehdi Loukach

@EL-MehdiLoukach

stackoverflow : https://stackoverflow.com/questions/63509877/how-to-use-rsuite-react-suite-range-slider

Jeffrey Moulckers

@jrmoulckers

Hello, I am having trouble getting react suite icons to render. As of now they are simply displaying boxes. I am using the "creative" icon

Ghost

@ghost~5f3eb838d73408ce4fecc0e7

Hello everyone. Anyone have experience in using the rsuitejs with react hook form?

Marcos Felipe Alves

@omarcosfelipea

Hello guys, can someone tell me how to make a sidebar like the site?

Ghost

@ghost~5f3eb838d73408ce4fecc0e7

Hello guys, is there a tutorial on how to use rsuite components in forms?

Marcos Felipe Alves

@omarcosfelipea

@el1t1st I always use formik with any form component.

Yaroslav Romanenko

@wallwhite_gitlab

yuval shimoni

@yuvalshim

Hi how can I implement virtualized with autoHieght ?

So it's render only the rows that visible in the view port..?

please!

yuval shimoni

@yuvalshim

yuval shimoni

@yuvalshim

yuval shimoni

@yuvalshim

Someone ?

nimrod-cohen

@nimrod-cohen

Yuval, its not trivial since the table is built to take a specific height. You can hack it by listening to the window's height. it ain't pretty...

@yuvalshim

Simon Guo

@simonguo

@yuvalshim
The virtualized and autoHieght attributes are mutually exclusive. autoHieght is to display all rows completely without scroll bars, while virtualized is to fix the height of the table, there are scroll bars and only the content within the visible range is rendered.

If you want the height of the Table to adapt to the container, you can get the height of the container and set it on the Table.
Reference: https://github.com/rsuite/rsuite-management-system/blob/master/src/routes/list/members/DataTable.js#L70

Simon Guo

@simonguo

Hello guys, can someone tell me how to make a sidebar like the site?

@omarcosfelipea https://github.com/rsuite/rsuite/blob/next/docs/components/TopLevelNav/TopLevelNav.tsx

Hello, I am having trouble getting react suite icons to render. As of now they are simply displaying boxes. I am using the "creative" icon

@jrmoulckers
This may have something to do with the CDN network of icon fonts. You can try to localize the font file or change to a CDN.
https://rsuitejs.com/guide/themes#How%20to%20configure%20font%20files%20locally?

Simon Guo

@simonguo

Hello @everybody, i'm trying to use react suite for the first time, so far everything is good, i just have one question about how to display the range slider labels, should i create a function that will handle the thing, or just insert the prop renderMark inside the rendered component ? Thanks in advance !

@EL-MehdiLoukach Can you reproduce your problem through codesandbox?
https://codesandbox.io/s/5vq6zo2z5l

Didiwei1314

@Didiwei1314

< table.columngroup > can be nested

Anu-Ujin Bat-Ulzii

@Anu-Ujin

Hi there! Do you have any sticky transparent navbar?

yuval shimoni

@yuvalshim

@simonguo I know that this is what rsuite suppose to do - But I ask if rsuite table have something like react-virtualized - that enabled to display full rows (autoHieght) - and use WindowsScroller - and this way it's render only the rows that in the view port

and the scroll it's the scroll of the window

Simon Guo

@simonguo

@yuvalshim
Currently WindowScroller is not supported. Improvements can be considered in the future.

Simon Guo

@simonguo

< table.columngroup > can be nested

@Didiwei1314
Group nesting is not supported.

yuval shimoni

@yuvalshim

@simonguo thanks

Unfortunately I will have to replace to react-virtualized

tonynguyen1799

@tonynguyen1799

Hi,
Can I install only parts of Rsuite, like I just want to use the Button, Table, and some of Rsuite component bundle?

Simon Guo

@simonguo

@tonynguyen1799 https://rsuitejs.com/guide/modularized

nimrod-cohen

@nimrod-cohen

Simon is there a way to clear the form warnings? say I have alerts on addRule fields, but something changed in the form, and these rules now pass correctly, but I'd like to reset the entire form checks.

hope I'm clear...

amaanmavad

@amaanmavad

hi,

how to add gutter for columns as well in Grid-Row, gutter props only accept number. how to give space for horizontal and vertical spacing

Michael Scott

@et0x

Any change I could get help with this, regarding FormControl? https://stackoverflow.com/questions/63674129/react-suite-accepter-component-not-updating-form-value-on-change

Simon Guo

@simonguo

@nimrod-cohen
Do you want to clear the error message in the form?

The form provides cleanErrors and cleanErrorForFiled methods to clear error messages.
https://rsuitejs.com/components/form#Form%20methods

@amaanmavad The Row component provides a gutter property.

Simon Guo

@simonguo

@et0x
You need to implement the corresponding properties of the form controls. I have already replied on stackoverflow.

Lifedragon-111

@Lifedragon-111

Hello

1 reply

I want to use DateRangePicker

But I can't use this now, I can't run npm install rsuite module

How can i use this?

Ben Hull

@bn-hull

How do i disable Nav tabs from turning into a dropdown menu on the last tab? For some reason on Chrome and Edge (but not Firefox), if there are less than 5 tabs, the Nav will show only 3 tabs, the last being a drop down for the remaining 2. However, there is plenty of room to show all 4, and if there are 5 tabs, it actually does show all 5 as intended. i've been trying for a few hours with no luck. dont know if it's a css element that i need to set or one of the props in Nav but nothing has worked

Simon Guo

@simonguo

@Lifedragon-111 You try yarn add rsuite