Updated 18 December 2024
Select 
Updated 18 Dec 2024View FigmaUpdated 03 Sep 2024View Figma
Select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.
State
Properties
Tone
Sets the color treatment of the Text field.
Help text
Toggle to display help text below the field.
Prefix
Toggle the `Prefix` property to display an icon or text to the left of the input value.
Error
Use the `State` property to display the field with a validation error.
Label
By default, the label appears above the field. Display the label inline or hide the label using the `Label` property.
Label action
Toggle to display an action to the right of the field label.
Select(24 variants)
Input text(2 variants)