default
destructive
The Select Input component enables users to choose a value from a predefined set of options. It is commonly used for form inputs where the available choices are limited and known in advance.
The Select Input may reveal native dropdown menus styled by the browser and platform by default. However, a custom menu component from the Statewide Design System can be used to ensure visual consistency and enhanced functionality across all environments.
Here are a few edge cases demonstrating how to properly handle truncation of labels within select inputs.
The top label should be truncated on the first line.
Content that extends beyond the width of the field is truncated before the icon.
The assistive text should be truncated on the second line.