color-js / elements

WIP
12 stars 1 forks source link

[color-swatch] A way to display color details in a popup #102

Closed LeaVerou closed 2 months ago

LeaVerou commented 3 months ago

It’s common to want to display the color details in a popup, and only show the actual swatch if it’s not being interacted with.

This seems presentational, so better done with a CSS property. That way other components (e.g. <color-scale>, <color-chart>) can also declare it higher up. OTOH, making it accessible also involves focusability, but maybe that can be author set? In some cases it may not make sense to add the swatch to the tabbing order.

Not sure what the property should be. I’ll go with --details-style: compact for now.

LeaVerou commented 2 months ago

Resolved via 82cc8ab01b2b7c313cb0e739d41616a33efd8b05