React Rainbow is a collection of UI components for building React applications.
Questions tagged [react-rainbow-components]
11 questions
2
votes
2 answers
React-rainbow components color theme
I have an app that I started developing recently and I'm considering moving over to react-rainbow. Is there a way to set a color theme for all react-rainbow components?
Yuliet Garcia
- 23
- 5
1
vote
0 answers
Rainbow kit connect wallet not working Properly
After logging in the first time, the connect wallet gets connected, but it is not working once I disconnect and click on connect wallet button. For some reason, openConnectModal is giving undefined. But once I refresh the page and then click on…
Yamini Yadav
- 11
- 2
1
vote
0 answers
How to apply gradient shadow color in StackedAreaChart of "@rainbow-me/animated-charts" library?
I'm using this library to make a StackedAreaChart. It's currently working but I need to change the colors to gradients.Only I am able to plot points using the data,I want the gradient colors to be applied in the plotted chart area.
I have attached…
Manish Kumar
- 997
- 2
- 13
- 30
1
vote
0 answers
npm ERR! 404 Not Found - react -rainbow-components@^1.31.0 is not in the npm registry
I'm using the react rainbow components in our project, while running
npm i react-rainbow-components
I am getting npm error 404 'react -rainbow-components@^1.31.0 is not in the npm registry.Although upon checking at npm packages it shows the…
Monty
- 11
- 2
1
vote
0 answers
how to explicitly set timezone in EST in handleChange of React Rainbow Date Time Picker
I'm using React Rainbow Components date time picker, on the initial Value of date & time, I'm setting it as EST. However, on the trigger of onChange method, the value gets updated based on the browser's local time zone in the state. Ideally, it…
Kaifi Asif
- 33
- 4
1
vote
2 answers
How to call custom function on click of action button present on the react rainbow date time picker
I am using DateTimePicker from "react-rainbow-components", I want to call the custom method once we click on the action button like "OK" or "Cancel". I am not sure how we can't do it, since as per the documentation of DateTimePicker it doesn't…
Kaifi Asif
- 33
- 4
1
vote
1 answer
React Rainbow UI example missing theme
I'm trying to test the sidebar example from rainbow ui (https://react-rainbow.io/#/Sidebar)
const SideBarContainer = styled.div.attrs(props => {
return props.theme.rainbow.palette;
})
But I'm getting the error that…
boiler
- 140
- 10
1
vote
1 answer
SyntaxError inside eot file with file-loader and webpack
I'm trying to use React Rainbow Components with Next.js (TypeScript) but I could not import font, so I used webpack with url-loader.
For some reason I keep getting the error SyntaxError: Invalid or unexpected token error - D:\Git…
Maxime Ghéraille
- 1,465
- 3
- 16
- 31
1
vote
1 answer
How can I manually customize the size of the Avatar in the library react-rainbow-component?
How can I manually customize the size of the Avatar in the library react-rainbow-component? I used the size prop and set it to large but it was too small for me so I want to make it a custom size.
Andy Montalvo
- 28
- 4
0
votes
0 answers
How did I remove/change the color of the DateTimePicker from react-rainbow-components
I am using React-Rainbow-Components to display a DateTimePicker:
import React from "react";
import { DateTimePicker } from "react-rainbow-components";
import { BsCalendarDate } from "react-icons/bs";
Mohammed Saber
- 141
- 2
- 12
0
votes
0 answers
Set timezone React Rainbow Date Time Picker
I'm using the react rainbow date time picker to let the user select a date and time. However, right now it uses local time (IST), but I want to hardcode it to use a specific timezone (EST).
I tried using locale prop but it doesn't seem to be doing…
Kaifi Asif
- 33
- 4