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.
anybody using autoHeight prop in <Table> ?
it's not working for me
1 reply
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
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';
^
@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 )
Hi. There is an issue related to Modal component. It is reproducible even on your site. Steps to reproduce:
- Go to https://rsuitejs.com/components/modal/
- Find first example of Usage
- Click "Open" button from the Example.
- Modal is opened.
- 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
@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!
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 thevalueprop.
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).
