I'm on v7. I'd like to make a button with variant="gradient", but want to use a gradient generated with https://larsenwork.com/easing-gradients, so it looks nicer than a regular gradient.
#How to use gradient with more than 2 colors?
dusty lance
dusty lance
https://v7.mantine.dev/core/button#gradient-variant
It says it accepts an object with deg, from and to. I'd like intermediate colors between from and to to simulate the easing. Is it possible?
muted moth
Please read the second paragraph
dusty lance
Sorry, reading now
Alright, that's what I imagined
BTW, consider simulating the easing by default like in the link I provided. There's a PostCSS plugin that does it. Maybe add an option for easing.
muted moth
BTW, consider simulating the easing by default like in the link I provided. Ther...
You can install and use any postcss plugins, there are no limitations from Mantine side
dusty lance
I mean so we can have nicer gradients without recurring to Styles API
It's about 130 lines of code in total to simulate the easing, might be incorporated into the function that generates the gradient in Mantine. I think I'll patch it locally.
I think it's safe to assume every Mantine user would prefer the right one:
dusty lance
FWIW, patched and ended up adding 55 lines (taken from https://npm.im/postcss-easing-gradients) and installing https://npm.im/easing-coordinates (801B gzipped).
dusty lance
Hum, maybe allow to pass a custom getGradient function via theme. 🤔