Keyboard focus

A color area can be navigated using a keyboard. The keyboard focus state enlarges the handle to become twice as large.

Handle behavior

The color area's handle can slide all the way over the edge of the area. It always displays the selected color inside the handle and never gets cut off by the border or any container.

Minimum width and height

Minimum sizing ensures that the component remains clear, usable, and visually consistent, even in flexible or responsive layouts.