Advice on styling a panel?

[morgs32]

Have you given thought to styling? I presume css-in-js? Such as goober (as you are doing in the query-devtools)?

No easy way to use tailwind right?

[AlemTuzlak]

When you say styling a panel, are you talking about your own custom panels? Also is it for a library or for your app? We currently do indeed use css in js as tailwind is a bit of a headache to use as it can conflict with apps styles and can cause unexpected behavior.

We offer a set of components from tanstack/devtools-ui which we plan to grow for our own needs but they are written in solid.

[morgs32]

Right for a custom panel in the devtools widget. And for a library (but not sure why that's relevant?). Cool I'll keep an eye on the devtools-ui components and go with css-in-js myself. Thanks

[gillkyle]

I'd appreciate the ability to do more to style the panel too. If there were stable className's that were up to me to manipulate, either prefixed with some like tsd- or other or even attributes like data-slot='devtools-panel' I'd reskin and make my own themes.

The css-in-js with goober classNames look like they wouldn't be stable if any styles change in new version.