Style modifications of any kind are done using plugins. Plugins are triggered directly before styles get passed to the final element. Every plugin should only do one single job. If there are multiple modifications to do, use multiple plugins.
| plugin | config | description |
|---|---|---|
| mixin | mixins |
Define custom properties using a key-value mapping. |
| statefulValue | Use props, state and context values by passing a function instead of a value. |
|
| statefulSelector | Create selectors as a function of props, state and context |
Developer Tools (DevTools) are designed to help developing applications, simplyfing debugging and to include special tools that even improve your code quality.
DevTools are special plugins that are not designed to modify your styles. Still they use the same interface and must be included within the plugins array.
| devTool | config | description |
|---|---|---|
| styleLogger | styleLogger |
Logs styles if configured events get triggered. |
Warning: Only use devTools for development!
Right now there are no third-party plugins available. Build one? Feel free to add it here (via pull-request).
You need a plugin that is not listed? Create your own!