Use Select to allow the selection of a value among a defined list (for example, choosing a country). With it, you can browse all list options when choosing. Opt to use it, if the number of options is higher than nine.
Best practices
Always organize the options logically (alphabetically, incrementally, by order of importance, etc.)
Don’t use a random order.
Use clear and concise label.
Don’t use labels that are too long.
Always collapsed the select by default. If not it can hide other components.
Don’t hide other components.
Interactive States
Select have many states (Default, Hover, Active, Focus, Disabled, FIlled) and Open variants including their own interactive states (Default, Hover, Active, Focus, Disabled).
Mobile Behaviour
The component will automatically switch to a native behaviour on mobile platforms.
Code & Design assets
Request code and design assets for creating user interfaces.
Can I contribute to the System?
Of course! Your contribution is more than welcomed and the System team will always be here to review your contributions or discuss.