-
I have that code but passed 'primary' from color mode doesn't work. How to handle this? export default {
config: {
useCustomProperties: false,
initialColorModeName: 'light',
},
colors: {
modes: {
light: {
primary: '#0cf',
},
dark: {
primary: 'green',
},
},
},
buttons: {
primaryButton: {
bg: 'primary',
},
},
} |
Beta Was this translation helpful? Give feedback.
Answered by
hasparus
Mar 24, 2022
Replies: 1 comment
-
https://codesandbox.io/s/agitated-rhodes-r3u6u0?file=/pages/index.tsx The default variant for a button is <Button variant="primaryButton">Click me</Button> You can use <Button>Click me</Button> |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
lachlanjc
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://codesandbox.io/s/agitated-rhodes-r3u6u0?file=/pages/index.tsx
The default variant for a button is
buttons.primary
, notbuttons.primaryButton
. You can use thebuttons.primaryButton
variant you defined as followsYou can use
buttons.primary
like this: