If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Label selector component

Description Reference image
Label selector Label selector

Visual specifications

It is 1/2 the height of the square selector. The width adjusts to fit the text with a fixed internal padding.

Interactions

  • Unavailable indicator - Indicated with an ‘X’ on the size listing
  • Selection - On tap, the color reverses and the size listing becomes black with white text
  • Selection removal - On tap, the color reverses and becomes white with a black border and black text