Interaction

• LLMs

Active, hover and focus states for interactive elements.

Overview

Interactive elements show their state through focus, hover and active styles, so people can tell what they can use and where they are on the page.

Focus Ring

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

Loading...

Edit live code

<PrimaryCTAButton>Plant a Tree</PrimaryCTAButton>