Color selector component
| Description | Reference image |
|---|---|
| Initial state |  |
| New color selected |  |
Interactions
- Unavailable indicator - Unavailable colors are marked with an ‘X” on the color swatch
- Selection - On tap, a checkmark appears on the swatch along with a tooltip that displays the color name. The tooltip disappears in a short amount of time.
- Selection removal - On tap, the checkmark is removed from the color swatch.