Interaction

Active, hover and focus states for interactive elements.

Focus Ring

Focus rings should be used for all interactive elements, such as a CTA Button or Text Link. This will clearly indentify elements as interactive to keyboard users.


Edit live code
<PrimaryCTAButton>Plant a Tree</PrimaryCTAButton><PrimaryCTAButton>Plant a Tree</PrimaryCTAButton>