Overview

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.

Theming Variables

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.