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

Size selector component

Description Reference image
Size selector Size selector


  • Unavailable indicator - Unavailable sizes are marked with an ‘X’ on the size listing
  • Selection - On tap, the color reverses on the size listing and becomes black with white text
  • Selection removal - On tap, the color reverses to become white with black borders and black text
  • Hover - (Desktop only)