Uniforms: Custom Theme Example, Documentation, Tutorial

[kziemski]

Hello, I'm really excited to use this for 2 different projects.

One thing that's holding me back is that i don't have a clear way to apply a custom theme.
My best path right now is to fork and create a new package from the unstyled theme.
Does anyone have a good example?

Another way is to see if there is a way to use a custom theme and apply a css sheet with
selectors to unstyled theme in order to override. is there a way to inject classNames into the components?

my ideal would be to somehow use styled-components with uniforms.
anyone have a good design pattern to get that to work?

[radekmie]

Hi @kziemski.

My best path right now is to fork and create a new package from the unstyled theme.

That's the easiest, most common and actually recommended way to do so. If any of the current themes suit your needs at least at some level, simply _extend_ it by creating custom fields. I actually have a lot of examples but all of them are close-sourced. A different open-source one is uniforms-polaris.

Another way is to see if there is a way to use a custom theme and apply a css sheet with
selectors to unstyled theme in order to override. is there a way to inject classNames into the components?

Most components pass all unused props down, so it should work in most cases. If it's not: either file an issue (if you think it's a more general solution) or simply create a new component.

my ideal would be to somehow use styled-components with uniforms.

A custom theme all the way. I said it many times and I'll say it one more time: custom themes are _normal_. You are not _hacking_ uniforms - it's designed to work with custom components.

[radekmie]

No response so far, I'm closing. If you have anything - feel free to comment here or create a new issue.