Radium is a set of tools to manage inline styles on [tag:reactjs] elements. It gives you powerful styling capabilities without CSS.
Questions tagged [radium]
44 questions
2
votes
1 answer
Radium inline CSS - on build export classes?
Is it possible to extract all inline Radium styles to classes so that html doesn't get ugly with all the inline styles?
I have this:
@Radium
class ExtendedComponent extends Component {
render() {
return (
Vytautas Butkus
- 5,365
- 6
- 30
- 45
2
votes
1 answer
How to implement media Queries with Radium inside Material UI component
Trying to implement breakpoint in Material UI component, Raised button.
Working for normal div's but not for Material UI component
Tried wrapping button inside radium
import RaisedButton from 'material-ui/RaisedButton';
const RadiumRaisedButton =…
Sandeep Chikhale
- 1,505
- 2
- 21
- 36
2
votes
0 answers
Karma test runner gets caught on Radium
Not sure how much help I'm going to get for this since it's pretty specific but I'm starting to run out of ideas.
I have a React + Redux + Webpack project in which I'm trying to setup Karma test-runner. I have a karma.conf.js file which looks like…
Nicholas Haley
- 3,558
- 3
- 29
- 50
1
vote
1 answer
I am trying to use Radium in react
So I have two components, Person and App, the person component has some inline CSS styling that I was to use with react, but I am getting the following error.
Module…
Hussam Ahmed
- 413
- 1
- 5
- 17
1
vote
1 answer
Radium Reactjs Pseudo selectors
I'm returning to coding after almost 2 years. I am fairly new to react. I am literally scratching my head to how to use the pseudo selector in react. I came across many answers to use Radium but it is just that I am not able to implement this in my…
Sahil Chauhan
- 185
- 1
- 13
1
vote
0 answers
Apply Safari specific styling using React-Radium
So I have a form with some input fields. I have set their font-weight to 400. It is working all fine on Chrome and Firefox but on Safari it is bolder. In Safari the font-weight is the same as that of other browsers but it is rendering it bolder. I…
Arslan Tariq
- 2,478
- 2
- 22
- 45
1
vote
1 answer
Radium-React reports "please wrap your application in the StyleRoot component" when using MediaQuery
This is how my component looks like
import React from "react";
import Radium from "radium";
import StyleRoot from "radium";
var styles = {
base: {
background: 'blue',
border: 0,
borderRadius: 4,
color: 'white',
…
daydreamer
- 87,243
- 191
- 450
- 722
1
vote
1 answer
Implementing a momentary indicator in React
My goal is to have a save indicator that flashes a save icon when data has just been saved (not while it's being saved), as an indication to the user that their edit was successful. React seems better suited towards state than one-off "actions," but…
ffxsam
- 26,428
- 32
- 94
- 144
0
votes
0 answers
Inline pseudo classes doesn't work in React components with Radium library
I've tried to use pseudo class ':hover' in inline-styles in react component using Radium library, but it didn't work.
import React from "react";
import Radium from "radium";
import './Card.css'
const Card = props => {
const inputClasses =…
L4rever
- 1
0
votes
0 answers
how to install radium in a good way?
I installed radium by using this command npm install --save radium --legacy-peer-deps though it is installed with some vulnerabilities but my app is showing to me on browser without anything ??
I tried to install radium in a simple way like npm…
arif baloch
- 1
- 2
0
votes
1 answer
How can I used Radium in react js
I'm trying to give style using radium react js, and it don't work
this's Nav.css
nav{
width: 15%;
height: auto;
display:block;
background-color: #282c34;
}
nav a{
display: block;
text-decoration: none;
…
user15242898
0
votes
0 answers
sollution for Warning occouring while installing Radium in React app
I Actually had tried to install Radium in React app but facing some Warnings as in bellow scren shot
Screen shot of the warnings i am facing
Mab
- 1
- 3
0
votes
0 answers
React Radium CSS Animation not working when behind media query
const ImageDivState0={
background:'-moz-radial-gradient(50% 50%, circle, transparent, #000 0%)',
opacity:1,
}
const ImageDivState1={
background:'-moz-radial-gradient(50% 50%, circle, transparent, #000 10%)',
opacity:1,
}
…
Adrien Stozicky
- 41
- 1
- 3
0
votes
2 answers
Styling the label of a checkbox when it is checked with Radium
I have a simple React js project.
App.js
import React from 'react';
import Radium, { StyleRoot } from 'radium';
import Checkbox from './Checkbox';
function App() {
// style
const style = {
':hover': {
color: 'red',
…
Logan Lee
- 807
- 9
- 21
0
votes
1 answer
Radium with useState makes Invalid hook call
I use Radium and it works, but when I add useState I get this error:
Invalid hook call. Hooks can only be called inside of the body of a function component...
Can I repair it without changing function to class?
import React, {useState} from…
Rozrewolwerowany rewolwer
- 172
- 1
- 10