Skip to content

CSS-MODULES WITH TYPED CLASS-NAMES
Compare
Choose a tag to compare
@piotrwitek piotrwitek released this 06 Oct 23:19
· 148 commits to master since this release
v0.11.0
de59586

CSS-MODULES WITH TYPED CLASS-NAMES

Own concept to achieve locally scoped CSS styles using csjs with statically typed CSS class-names using TypeScript.

  • Full CSS support with pseudo-classes & media queries, encapsulated in ES6 Modules that can be nicely imported by your UI components.
  • Define interfaces with your CSS classes and you get className property type-checking, solid auto-completion and easy refactoring. You can also add doc comments and auto-generate docs of your styles library for your team and utilize IntelliSense features of your IDE.

EXAMPLE: Consumer Component and it's CSS Module in TypeScript Format with Class-Names Interface
Overview Video: https://youtu.be/67pPYqom2a0

Updated Demo: http://piotrwitek.github.io/react-redux-typescript-starter-kit/#/css-modules

Assets 2
Loading