-
Updated
Sep 7, 2020 - JavaScript
{{ message }}
CSS Modules are CSS files in which all class names and animation names are scoped locally by default. They compile to a low-level interchange format called Interoperable CSS, but are written like normal CSS files. The ability to explicitly state dependencies eliminates the need to avoid naming conflicts in the global scope.
For a more colorful introduction, see this blog post, which was written by one of the authors of the project near the time of its release.
A useful list of must-watch talks about CSS
A set of React components implementing flexboxgrid with the power of CSS Modules.
a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Transforms styleName to className using compile time CSS module resolution.
My best-practices-included universal frontend starter kit
Themeable design system for the SEEK Group
Define React presentational components with CSS
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Better styling for React Native
Creates .d.ts files from CSS Modules .css files
Easy theming and composition for CSS Modules.
A starter project for modern React apps with Redux
Front-end development toolkit
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Markup and styles that feel right
Extract css class names from required css module files, so we can render it on server.
Awesome React Redux Workflow Boilerplate with Webpack 4
Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
The Input component defines an input tag along with a role attribute equal to 'input'. This causes some accessibility scanners to raise the following violation:
"The WAI-ARIA role(s) and/or attribute(s) input are not valid for the element input"
Is there a way we can remove the redundant role or at least provide a way to override the value?