Size picker

A set of options, often radio buttons or chips, for picking a specific variant of a product.

Also called: size picker, size selector, size, sizes, clothing sizes, shoe size, s m l xl, size chart, size guide, out of stock size, variant picker, choose a size

What it is for

It makes the choice among a small set of variants easy to see. Unavailable options should be clearly marked, for example faded out or crossed out, and can come with a “Notify me when back in stock” option.

Where you see it

• E-commerce (fashion) — choosing a clothing or shoe size: S, M, L
• Electronics stores — choosing storage: 128 GB, 256 GB, 512 GB
• Jewelry — ring size and chain length

What it is called in code

• radio group
• size selector

See also

• Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
• Color picker — A tool for choosing a color: a palette, a set of ready-made swatches, or a field for HEX, RGB or HSL values.
• Cart — The place in an online store that holds the items you’ve picked before you place an order.