Using gradient with variants?

Question

Using gradient with variants?

muhajirdev opened this issue 5 years ago · comments

Hi there, awesome project.

I have a question. I am trying to put this in primary variant.

primary: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D);

which seems not working. Maybe because it's using backgroundColor instead of background.

Muhammad Muhajir · Answer 1 · Sat Mar 09 2019 21:21:57 GMT+0800 (China Standard Time)

Also, I think it would be better if variant is not just based on color. For example, boxShadow maybe some people want variant primary with color + boxShadow. or Border

Greg Bergé · Answer 2 · Mon Mar 11 2019 05:07:50 GMT+0800 (China Standard Time)

Hello @muhajirdev, thanks for this issue. Yes variants are not very good actually, we have to polish them. I will try to find a generic solution to solve these kind of problems.

Greg Bergé · Answer 3 · Tue Aug 27 2019 15:35:44 GMT+0800 (China Standard Time)

Only color variants are supported in v11. If you want to do so, you have to add custom style to the component.