CSS Stylesheets & Classes

The docs say there is extra setup needed to continue using stylesheets and classes, but doesn’t specify exactly what. And also under the usage section the css file link is broken; it seems like 3.0 component structure changed enough that I’m unable to use existing (old) stylesheets for rheostat.

I’m new to rheostat (thanks airbnb!) and am not using the CSS-in-JS on the project I’m working w/ but would still like to use this component. I’ve added import 'rheostat/initialize' and can get the component to work, but the base styles I generated from the other links just aren’t complete. I’ve inspected the output and could write my own styles for it, but it seems best if I work from the intended base css if at all possible.

Thanks for any other info or doc updates you can provide.

[juank11memphis]

I ended using pure css to style this as I didn’t want to introduce react-with-styles as a direct dependency on my project.

[tbassetto]

I think I am in a situation more or less similar to @jeissler. I am currently using Rheostat 2, I just took the previous css file that you provided and modified it to match the design I needed.

I am now trying to upgrade to Rheostat 3 but it’s a bit painful:

• You mention className as a valid prop but it throws an error if this prop is used.
• In the “Usage” section there is a link to a css file that we are supposed to “Make sure to include” but it’s leads to a 404.

It would be great if you could provided an example on how to style the component using CSS only 😅. The only example so far is using aphrodite.