Questions tagged [react-with-styles]

react-with-style is a package in npm, which provides styles to enhance components in React.

29 questions
0
votes
0 answers

Material-UI: The key `clicked` provided to the classes prop is not implemented in ForwardRef(ExpansionPanelSummary)

New to Material-UI and getting spammed with the same error in console after adding the following component. Full Error: Material-UI: The key clicked provided to the classes prop is not implemented in ForwardRef(ExpansionPanelSummary). You can only…
Parchie
  • 26
  • 1
0
votes
1 answer

material ui pagination component text color to be grey

I am using Material UI's pagination component and would like the text portion of the component to be grey. The color i want is white for action button and grey for text portion. Is there any way I can do this in which i decide the color of the text…
Kenny Quach
  • 225
  • 1
  • 5
  • 18
0
votes
1 answer

React Material-UI - styling displayed rows label in TablePagination component

I have encountered an issue with Material-UI TablePagination component buttons 'escaping' from under the cursor due to a change in the width of the displayed rows label: Here is a modified example from Material-UI documentation. To reproduce the…
tonysepia
  • 3,340
  • 3
  • 27
  • 45
0
votes
1 answer

MaterialUI withStyles, trying drilling down to a disabled switches css override

I'm developing with react and MaterialUI on the front end and I have a bunch of customized inputs. Everything is working pretty well except for this one. No matter what combination of selectors I use I can't seem to point to the right one to change…
Jacob
  • 105
  • 1
  • 10
0
votes
1 answer

React Switch withStyles disabled coloration

I am trying to create color scheme for a react Switch that includes a disabled customized color. I have a customized Switch that goes red and green with an on and off text. I mostly pieced it together from other examples. I am uncertain what I need…
TaylorSanchez
  • 463
  • 1
  • 5
  • 8
0
votes
1 answer

Customise popover material-ui shape

I am using popover and currently, it is a plain rectangle which sits right below the box. I want to add small triangles like a pointer to make it nicer to look at and maybe add margin or padding-top so it will sit a bit lower from the box, just like…
Janina Estrella
  • 49
  • 2
  • 10
0
votes
0 answers

Material UI withStyles

Good day! Have you guys experienced this when using the withStyles hook of Material UI to add custom styles to your component. This is my package.json: { "name": "socialapp-client", "version": "0.1.0", "private": true, "dependencies": { …
CarlP
  • 171
  • 8
0
votes
1 answer

React Material UI - Override using withStyles

I am working on a project and leverage React Material UI and need to override the Select component's border bottom color on the focused state. Here is what I'm using right now import { Select as MuiSelect, withStyles } from…
JamesHandshoe
  • 257
  • 1
  • 3
  • 16
0
votes
0 answers

How to use React Context value from a separate JSS styles component?

I have moved my react jss styles to another file. Now I am using React context to toggle thememode. And I want to change the styles when thememode toggles from true to false and vice versa. But since my component styles are on a new file, I can't…
user12285075
0
votes
0 answers

How can I keep consistent classNames between my JSS styles react components?

I have a component 'Box' that is styled with jss. After it's styled, it will be given a generated className that's usually something like 'box-16.' I have another component 'BoxStack' that has components within it. When I style the with jss, I…
Ian
  • 11
  • 1
0
votes
1 answer

How to apply style for css class using Material UI withStyle. WithStyle is not working

Here is My Code import { withStyles, MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; import classNames from 'classnames'; const styles = theme => ({ myGridStyle:{ '&:.my-row-selected':{ …
Nitin Shinde
  • 1,154
  • 4
  • 16
  • 26
0
votes
0 answers

React: Material ui styled Button to re-use does not adapt styling

I tried to create a custom styled button with material ui to reuse in other files of my project. Somehow, the button does not adapt the style i defined. Could someone tell me where I made a mistake / forgot something ? import React from…
Lisa
  • 9
  • 4
0
votes
1 answer

How to set the style a react.js component when creating it?

How to set the style a react.js component when creating it? Below is some of my code (partially inherited from a stronger developer and then simplified for brevity). I want to re-use my LogComponent to print several pages of a Log. However, in some…
levraininjaneer
  • 1,157
  • 2
  • 18
  • 38
-2
votes
3 answers

How can override bootstrap classes with withStyles in material UI

I want to override some of bootstrap classes.Currently I'm using withStyles of material UI in this I can write css in Js format for my own classes.But I want to override bootstrap classes of some buttons, container etc...In material UI it will…
1
2