Cards and gallery

Picker mode

The gallery as a chooser: tick to select cards (cloths for a product family), an anchor card fixed in navy, siblings tagged, and a selection bar with mini swatches and the one primary.

Live specimen

Lifted from the approved family page at build time; interact with it.

Picker mode

Anchor is a single choice; siblings are many. The anchor cannot also be a sibling. Click to choose.

1–8 of 38
HS 81045 anchor3 siblings
Uses.cg-picker.cg-pick[aria-selected].cg-tick.radio|box.cg-tag.anchor|sibling.cg-selbarToggleGroup type=single|multiple--primary

from families/cards-gallery/#picker

Picker card states

Each card is a toggle. Selection is a navy ring and a filled tick, never colour alone.

default
hover
focus
disabled
anchor
sibling
Uses.cg-pick.is-anchoraria-selectedaria-disabled--ring--primary

from families/cards-gallery/#picker-states