Gradient shades

[bartoszkrawczyk2]

Hi, is it possible to use shades of the same color when using button's gradient variant?

Something like this:

<Button variant="gradient" gradient={{ from: 'brand[0]', to: 'brand[9]' }}>example</Button>

Thanks!

[rtivital]

You can use hex colors in gradient prop:

const theme = useMantineTheme();
<Button variant="gradient" gradient={{ from: theme.colors.blue[5], to: theme.colors.blue[9] }} />