Default
A select is a control that enables users to select an option from a list of options.
Custom Option Render
Debugger some details on option 1
Task Manager some details on option 2
CI Services some details on option 3
Rich option rendering with custom slots containing logos and descriptions for each option.
Prefix
Select with a prefix button to provide extra context or categorization.
Flat
Flat container style for single and multi select, providing a minimal visual treatment.
Vertical
Vertical layout showcasing states: default, disabled, success, and error.
Horizontal
Horizontal layout showcasing states: default, disabled, success, and error.
Multiple
Many-selection mode allowing users to select many options simultaneously.
Multiple Disabled
Multi-selection in disabled state, showing read-only selected options.
Multiple Overflow
Multi-selection with constrained width to show overflow handling of selected options.
Size
Size attribute controls the number of visible options without scrolling.
Height
Custom scroll height for dropdown with many options to control vertical space usage.
Fit Text
Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select)
Fit Content
Sets the input to match native default content block
Placeholder
Placeholder text prompts users to make a selection when no option exists yet.
Placeholder Multiple
Placeholder text in multi-selection mode guides users before they select any options.
Disabled
Disable individual options to prevent selection while keeping them visible.
Viewport Overflow
Viewport overflow test for select element
Performance
Performance test for select element with 1000 options