Components are reusable building blocks that allow for a consistent user experience and quick development.
Seeds components have been built with the principles of Atomic Design in mind.
You can inspect the published Storybook to see each current component. The Storybook documentation is paired with more design and implementation-focused documentation in Zeroheight.
Outside of global and semantic tokens, each component also has tokens within it that can be used to customize its consistent look and feel.
For example, by default we set --button-border-radius
to be --seeds-rounded
. If you wanted to change just the Button border radius, rather than overriding --seeds-rounded
which is used elsewhere across the system, you can override --button-border-radius
to make changes to all Buttons.