griffel
griffel copied to clipboard
feat(devtools): add tooltip to show className
trafficstars
Hover on each rule show a tooltip with className. Tooltip is positioned using floating-ui.
📊 Bundle size report
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| core makeStyles + mergeClasses (build time) |
1.8 kB861 B |
| core makeStyles + mergeClasses (runtime) |
20.269 kB7.549 kB |
| react makeStaticStyles (runtime) |
8.247 kB3.595 kB |
| react makeStyles + mergeClasses (runtime) |
21.294 kB7.98 kB |
| react makeStyles + mergeClasses (build time) |
2.811 kB1.275 kB |
I'm not sure if it is clear enough that the tooltip shows className. Wondering if people would be confused when seeing them for the first time 🤔
I'm not sure if it is clear enough that the tooltip shows className. Wondering if people would be confused when seeing them for the first time 🤔
We will see 🤔
Closing for housekeeping, we can reopen if it's still valuable.