react-css-modules Questions
1
I'm running into some issues when trying to create a component library with RollupJS.
I'm building a react component library to be used inside other projects. The library uses css-modules for the ...
Tide asked 3/2, 2020 at 13:36
10
I'm using webpack, react-datepicker and have managed to import its css with the provided css module.
import 'react-datepicker/dist/react-datepicker-cssmodules.css
The component looks fine and dan...
Pegues asked 22/4, 2019 at 12:55
6
Solved
Is there a way to configure emmet in visual studio code to use React's CSS modules?
When I type... div.container and hit tab, it becomes <div className="container"></div>
The problem ...
Poetess asked 7/11, 2018 at 15:58
3
Solved
I'm using React Css modules for styling my react app.
I have some html elements with id attribute and I want to style them using the css id selector and not a class selector. Is that possible with ...
Francesfrancesca asked 14/7, 2021 at 9:53
2
Solved
I have understood the concept of CSS modules so much that I am convinced that I do not want to do anything else that that for the future.
Currently I am trying to refactor an existing app to use C...
Woe asked 3/3, 2017 at 20:3
2
Does anyone know any tool which would help to highlight classes that are not used in css-modules?
Recently I have added typescript-plugin-css-modules to my project which helps me to detect if I use...
Outrush asked 19/4, 2020 at 13:15
6
Solved
New to React:
I have a <Header /> Component that I want to hide only when the user visit a specific page.
The way I designed my app so far is that the <Header /> Component is not re...
Runic asked 9/6, 2018 at 18:27
4
Solved
I've recently been switching to using modules in my next.js project, but I keep receiving this error in my newly created .module.scss files: "Selector ":root" is not pure (pure selec...
Atbara asked 18/5, 2022 at 17:22
2
Solved
Let's say we have a third-party CardComponent like this
<Card title="This is a title in the header">This is text in the body</Card>
And this renders in plain HTML
<div cla...
Cliff asked 23/7, 2020 at 9:54
2
TL:DR
How can I get CSS of React components to work inside of a shadow root, while keeping the
encapsulation benefits of CSS Modules class? I'd like to insert per-component <style> elements i...
Katey asked 16/12, 2019 at 9:29
1
Solved
I'm developing a react project. I use postcss-nested plugin to support css nested rule, and use babel-plugin-react-css-modules to support css modules in react. Finally, the css styles can work well...
Lexicology asked 8/9, 2022 at 7:56
3
I'm using NextJS, which use CSS Module, I want to use some CSS Library likes Material UI, ... But how to override style of components that I import from those Library?..
Argal asked 23/11, 2020 at 11:13
6
Solved
So I am building a react application and have a quick question. If I have two separate components:
and
with CSS classes navigation.css and navigationLogo.css respectively. In navigation.css I h...
Reeva asked 12/2, 2017 at 18:43
8
What is the best way to override css classes/customise react-bootstrap components? - (I have read the docs, and unless I am missing something, this isn't covered).
From what I have read, it seems ...
Leatrice asked 22/11, 2016 at 9:45
4
I am trying to use Storybook v5.0 with my project and I am using React + Webpack4 + CSS Modules. ( I am not using CreateReactApp)
My setup is quite simple, and I was able to setup Storybook withou...
Afroasiatic asked 12/3, 2019 at 10:37
7
Solved
I'm currently using CSS Modules with React for my styling. So each of my components is importing in it's component specific css file, like so:
import React from 'react';
import styles from './App....
Morrell asked 1/10, 2016 at 10:31
2
Solved
I have enabled CSS modules within webpack.config in my React application so that I can locally scope CSS files to individual components. I'm also trying to use the TabView component from PrimeReact...
Weisman asked 28/12, 2017 at 16:7
1
Solved
I managed to import css modules in my Typescript React Class using this plugin from npm.
tsconfig.json
{
"compilerOptions": {
"target": "ESNext",
"outDir": "build",
"jsx": "react",
"noImplic...
Mulligrubs asked 13/5, 2020 at 22:58
4
Solved
I am trying to create a stateless component in React with the sole purpose of acting as a reusable wrapper. I am also using CSS Modules because I want to have fully modular CSS.
The thing is I don'...
Theft asked 2/3, 2018 at 13:6
1
Solved
I have the following ant design search input component:
<Search
size="large"
placeholder="Search..."
className="dashboardSearch"
/>
I am trying to modify the border radius to give it ...
Dolph asked 4/8, 2019 at 3:4
2
I've been looking how I can combine the following : ReactJS + ReactStrap and CSS-Modules (react-css-modules and/or boostrap-css-modules), however, I can't seem to piece the three modules together t...
Paschal asked 30/7, 2017 at 19:15
1
I have a few aliases set up in webpack like this:
resolve: {
alias: {
data: path.resolve(__dirname, 'data'),
withStyles: 'isomorphic-style-loader/lib/withStyles',
modules: path.resolve(__dirn...
Manning asked 9/3, 2017 at 6:44
1
I have a react component which has X options for a stylesheet to be imported which is using CSS Modules.
I ideally want to have a global environment variable fetched by using e.g.
process.env.THE...
Insufferable asked 4/6, 2018 at 21:19
1
Solved
Issue
I am trying to use babel-plugin-react-css-modules in my React project for better performance as opposed to React CSS Modules.
However, the styles are being not applied correctly.
Cause
T...
Puli asked 6/12, 2017 at 13:50
1
I was little confused in differentiating sass-loader and css-loader while using import statement. As per my knowledge css loader resolve import statment(@import) and style-loader works on injecting...
Exhibition asked 11/5, 2017 at 10:56
1 Next >
© 2022 - 2024 — McMap. All rights reserved.