You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have custom tokens in my custom theme that get added into an extend.ts file. I know for certain the application is correctly referencing this file because my primary color, which is a custom token, is showing correctly.
But my question is: How do I get the non-color tokens to apply to their components?
For example if I have the following custom token to set the height for an icon-only button:
button: {
icon: {
only: {
height: "2.5rem"
}
}
}
For what it's worth I'm using the CI pipeline to generate my custom theme, and nothing that exists in the theme files, including the extend.ts file, is being modified afterwards.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
I have custom tokens in my custom theme that get added into an extend.ts file. I know for certain the application is correctly referencing this file because my primary color, which is a custom token, is showing correctly.
But my question is: How do I get the non-color tokens to apply to their components?
For example if I have the following custom token to set the height for an icon-only button:
For what it's worth I'm using the CI pipeline to generate my custom theme, and nothing that exists in the theme files, including the extend.ts file, is being modified afterwards.
Thanks for any and all help!
Beta Was this translation helpful? Give feedback.
All reactions