Skip to main content

Component Token

Component Token are a representation of values associated with a specific component. They by default inherit from Design Token. Whenever possible, we recommend to keep pointing these to the foundational token, rather than change into hard values such as hex codes. Nevertheless you can use these to fully match a components appearance to a given design layout or specification.

Screenshot of Storybook showing a kickstartDS component applying component token through an addon

Screenshot to illustrate the use of token on component level.