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.
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.