A simple devTools that logs styles in different ways and conditions.
Option | Type | Description |
---|---|---|
onRender | boolean |
Logs styles just before rendering the Component |
onEvent | string , array |
Logs styles if an specific event gets triggered e.g. onEvent: 'onClick' , onEvent: ['onClick', 'onMouseEnter'] |
onlyTopMost | boolean |
Mouse events like onClick or onMouseEnter only log the top most element's style |
noEmpty | boolean |
Prevents empty styles from being logged |
toString | boolean |
Logs styles as a CSS string rather than a style object |