Module design consistency

[Peter Knight]

When building a Module, how do you all ensure consistency with the current Processwire UI?

EG, I want a tabbed UI like the screenshot. Is there a component called "Tabs" somewhere, or do I have to inspect the CSS?

I had a look through the Module Development docs and saw no reference to CSS, layouts, widgets or a design system etc.

 

 

[bernhard]

6 hours ago, Peter Knight said:

I had a look through the Module Development docs and saw no reference to [...] a design system etc.

That's because there is none. Or there are three - depending on the point of view.

Some classes come from jQuery UI, some come from UIkit, and to make it even more flexible the new default admin theme comes with its own classes, conventions and technology (CSS variables instead of additionally to LESS). There is a readme for AdminThemeUikit here.

If you are using the new default theme by konkat many of these instructions are obsolete. In that case I guess your best bet is to look for information they provided spread across the forum and the blog. But to be honest from what I read this is all just fancy marketing blabla with screenshots how nice the new theme looks, but nothing answers the questions you just raised. I basically asked the same questions here and got no answer.

Maybe you have more luck!

Oh, and if you expect that you can use regular UIkit markup in AdminThemeUikit you might be interested in this thread as well.