<?xml version="1.0" encoding="utf-8"?>

Communicate interactivity with the hover state

Communicate interactivity with the hover state Bad Practice
Communicate interactivity with the hover state Best Practice

The hover state is activated when users move their cursor over an interactive element, effectively signaling, "This is clickable!" To ensure clarity, provide at least two visual cues indicating the component's hover state. A combination of a pointer cursor and a color change, for example, is sufficient to convey the element's interactivity.

Improve your UX & Product skills with interactive courses that actually work