Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Mar 07 21:00
    vercel[bot] commented #1476
  • Mar 07 20:59
    vercel[bot] commented #1476
  • Mar 07 20:59
    vercel[bot] commented #1476
  • Mar 07 20:59
    vercel[bot] commented #1476
  • Mar 07 20:59
    SevenOutman synchronize #1476
  • Mar 07 20:59

    SevenOutman on style-system

    refactor(styles): fix Dropdown … refactor(styles): wip! amend co… (compare)

  • Mar 07 18:22
    vercel[bot] commented #1476
  • Mar 07 18:21
    vercel[bot] commented #1476
  • Mar 07 18:21
    vercel[bot] commented #1476
  • Mar 07 18:21
    vercel[bot] commented #1476
  • Mar 07 18:21
    SevenOutman synchronize #1476
  • Mar 07 18:21

    SevenOutman on style-system

    refactor(styles): re-org Flexbo… refactor(styles): re-org Grid s… refactor(styles): re-org Input … (compare)

  • Mar 07 17:21
    HannesDahlvik opened #1544
  • Mar 07 07:22
    vercel[bot] commented #1476
  • Mar 07 07:21
    vercel[bot] commented #1476
  • Mar 07 07:18
    vercel[bot] commented #1476
  • Mar 07 07:18
    vercel[bot] commented #1476
  • Mar 07 07:18
    SevenOutman synchronize #1476
  • Mar 07 07:18

    SevenOutman on style-system

    refactor(styles): re-org Contai… (compare)

  • Mar 07 06:12
    vercel[bot] commented #1476
ufhs14
@ufhs14
while not find ref in select ?
Rajorshi Roy
@royz
when I use a proxied component in a <FormControl> using the "accepter" property, the input field gets defocused each time the onChange property is triggered
Malcolm MacArthur
@mmacarthur_gitlab

Hello, when I follow the "Use in create-react-app Customize theme" Instructions exactly, I get an this error:

@line-height-large: unit(@line-height-large-computed / @font-size-large); // ~1.375
                                      ^
Error evaluating function `unit`: the first argument to unit must be a number. Have you forgotten parenthesis?
      Error in \node_modules\rsuite\lib\styles\variables.less (line 105, column 20)

Has anyone else received this error? I don't want to add parenthesis for every single division line, every time I install rsuite.

Boris Kremenovic
@bkremenovic
hello

anybody using autoHeight prop in <Table> ?

it's not working for me

1 reply
raslan3333
@raslan3333
does anybody know how to customize input style (like background)?
Simon Guo
@simonguo

Hello, when I follow the "Use in create-react-app Customize theme" Instructions exactly, I get an this error:

@line-height-large: unit(@line-height-large-computed / @font-size-large); // ~1.375
                                      ^
Error evaluating function `unit`: the first argument to unit must be a number. Have you forgotten parenthesis?
      Error in \node_modules\rsuite\lib\styles\variables.less (line 105, column 20)

Has anyone else received this error? I don't want to add parenthesis for every single division line, every time I install rsuite.

@mmacarthur_gitlab This problem has been fixed, caused by less 4.
rsuite/rsuite#1415

george-of-314
@george-of-314
<Table> component. If data json contains HTML code - how correctly output code in table? Now it shows Hello,<br />Lorem ipsum...... Also, how to set row height to auto? wordWrap autoHeight didn't help. Row height is still 46px (default value)
1 reply
Troy Morvant
@TroyMorvant
When I try to use the Steps component example with icons I get a typescript error:
1 reply
const instance = (
  <Steps current={1}>
    <Steps.Item title="Finished" icon={<Icon icon="pencil-square" size="lg" />} />
    <Steps.Item title="In Progress" icon={<Icon icon="book" size="lg" />} />
    <Steps.Item title="Waiting" icon={<Icon icon="wechat" size="lg" />} />
    <Steps.Item title="Waiting" icon={<Icon icon="steam-square" size="lg" />} />
  </Steps>
);

[!] Error: 'Icon' is not exported by node_modules/rsuite/es/index.js, imported by src/components/atomic/stepper/index.tsx
https://rollupjs.org/guide/en/#error-name-is-not-exported-by-module
src/components/atomic/stepper/index.tsx (1:56)
1: import {Steps, Panel, Placeholder, Button, ButtonGroup, Icon} from 'rsuite';
                                                           ^
dreizwo
@dreizwo
I have a styling issue according MultiCascader (Cascade OFF): When Multicascader cascade property is active and you select a child level parent level will be marked with a "minus". Wich is fine so that you can see that some of lower levels have been selected. When cascade is off these parent elements are not marked. Are there any workarounds to get them rendered like Cascade "on" but without having its functionality. (see Examples Multicasascader > Default and select Sichuan > Chengdu > Jingiang on cascade and not cascade)
Ismael Pérez
@Aventris__twitter
Hi huys.
I was doing the Table tree example from rsuite-table and i was wondering how can i set a custom padding to child elements
Ismael Pérez
@Aventris__twitter
Ok so i saw that the variable "LAYER_WIDTH" from
node_modules -> rsuite-table -> constants.js file controlls the padding of expadnded rows.
How can i changue LAYER_WIDTH value from my app?
Luca Ruggieri
@lruggieri
@TroyMorvant same issue with examples on Nav, Navbar, Sidevav or anything that uses the Icon component really.
Attempted import error: 'Icon' is not exported from 'rsuite'.
Kaharo
@Kaharo
hi guys. I am trying to make clicked row in Table look different ( changing bg color for row or cell in css) but struggling to do it. any examples you have seen?
Carlos Moreno
@clmoreno
Hi, i'm working on some designs and i'm wondering if you guys have any sketch, figma, ilustrator or photoshop file (or in any design tool) i can use to get the components design.
niroren
@niroren
hi
anyone has experience with AutoComplete?
VikramRaju711
@VikramRaju711
hi i am new to react could anyone help me how to use these components i have installed rsuite but find no change in style ?
Carlos Moreno
@clmoreno

@VikramRaju711 follow the Quick start guide.
https://rsuitejs.com/guide/usage/

If styles is the issue maybe the css/less import is missing.

Add this line to your App.js
import 'rsuite/lib/styles/index.less'; // or 'rsuite/dist/styles/rsuite-default.css'

(use the .less file if your react environment supports less otherwise use the .css version )

Mauri
@MauriD20__twitter
Hi, im new to this feature. I want to set max-height to the List it displays, but cant find a way. could someone help me pls?
Joshua Weidema
@joshuaweidema_twitter
Maybe a dumb question but.. does anyone know if there is a scss-theme version out there?
mohier
@mohier
hi, i have a problem with modal responsive view
Quadri Adedayo Ismail
@realDeve
Hello
Any support for media query?
Chukwuemeka Ifeora
@Emyboy
Hi there, I'm totally new to this. Those anyone know why the Modal isn't responsive on a mobile screen?
MarvelSQ
@MarvelSQ

Hi there, I'm totally new to this. Those anyone know why the Modal isn't responsive on a mobile screen?

rsuite component was not mobile compatible

moonlit
@moonlitusun
请问下你们的table滚动条有处理transform不是整数的时候会字体模糊的情况吗
1 reply
demo img
滚动的时候的第一行 很模糊
Arifullah irfann
@irfan1452
is it free to use ?
1 reply
Kaharo
@Kaharo
how to make sidenav menu as in rsuite (icons without texts)? Is it done with just sidenav without text?
george-of-314
@george-of-314
<Whisper placement="top" trigger="click" speaker={<Tooltip>Blah</Tooltip>}>Text</Whisper> - how to close tooltip in 5 seconds? Thanks
george-of-314
@george-of-314
The solution is: <Whisper .... open={this.state.open} onOpen={() => {setTimeout(function () {this.setState({open: !this.state.open})}.bind(this),5000)}}>
isshiren
@isshiren
Hello There,
Is there any idea to support for React17 ?
nimrod-cohen
@nimrod-cohen
Hi guys @simonguo @hiyangguo - Is there any plans to get rid of the old less-loader with javascript enabled requirement? Is there a place I could subscribe to updates about that specific issue?
thanks for a great job!
Noam Baron
@baronoam
Hi, I've been using the Slider component in my app, and I want to adapt it to mobile screen, but the slider is not responsive in mobile viewing. Is there any quick solution for that?
nimrod-cohen
@nimrod-cohen
@baronoam did you test it in mobile mode on a desktop, with an open debugger? maybe you can pinpoint the issue this way?
if you'll create a demo online I can take a look
Trond K. Pettersen
@trondpet
Hi - I'm working on a product where we make extensive use of rsuite-table. Wondering if I could get some feedback on rsuite/rsuite-table#196 . Happy to submit a PR if that sounds ok.
Andriy Slobodian
@aslobodyan

Hi. There is an issue related to Modal component. It is reproducible even on your site. Steps to reproduce:

  1. Go to https://rsuitejs.com/components/modal/
  2. Find first example of Usage
  3. Click "Open" button from the Example.
  4. Modal is opened.
  5. Click and hold "Cancel" button in opened Modal window.

Actual result: it is blinking
Expected result: is should work in the same way as "Ok" button

Esteban Diez
@diez_esteban_twitter

@glennwelser_twitter

Hi - I'm working on a product where we make extensive use of rsuite-table. Wondering if I could get some feedback on rsuite/rsuite-table#196 . Happy to submit a PR if that sounds ok.

I've used on my project and I think it has most of the basic features you'd require on a web table. I think it's much better than react-datagrid. One of the things you'll have to keep in mind is that you'll need to implement the search toolbar on your own. Cheers!

dkasima1
@dkasima1
Hi, I am working with the Navbar component and I have a home icon on the right, but the home icon is not centered in the button of the navbar if I have no text. Is there any way to fix this?
Robert Butler
@lighth7015
so does rsuite work with preact?
Abulo John Joshua
@abulojoshua1
Hi, I am trying to update the value of an <Input> using <Input value={state_value} /> but it does to change each time I try to update value using the value prop.
Abulo John Joshua
@abulojoshua1

Hi, I am trying to update the value of an <Input> using <Input value={state_value} /> but it does to change each time I try to update value using the value prop.

Never mind, I figured it out. Setting state to null changes value of state but not the input prop. Setting it to empty string works fine, for example, setACertainState('') instead of setACertainState(null).

Afranzio
@Afranzio
Use placeholder instead of value
If you use value you will able to change it.
Dan Seaver
@dseaver
Newbie to React Suite - I've tried copying the code from the Sidebar Layout of the Container component, which was mostly successful. However, I'm not getting the spacing around the Header and Content sections. Any guidance on how I can fix this?