Keyboard focus

The keyboard focus state enlarges the handle to become twice as large. The loupe is a visual-only element and should not receive focus since it does not provide interactive functionality.

Handle behavior

Unlike the slider itself, the color slider's handle can slide all the way to the edge of the track. It always displays the selected color inside the handle and never gets cut off by the track or any container.

Minimum length

A color slider's minimum length is 80 px on desktop, 100 px on mobile.