Equipment Selector Demo
A multi-select combobox component for selecting equipment. Fetches data from the API. Supports required items and filtering.
Default State
Empty selector ready for user input. Click to open the dropdown and select equipment. Data is fetched from the API.
Selected: None
With Pre-selected Items
Shows how selected items appear as badges. Click the X to remove an item.
With Required Items
The first item is required and cannot be removed. Notice it has no X button.
Required items: First selected item (cannot be removed)
Disabled State
The entire selector is disabled and cannot be interacted with.
Invalid State
Shows the error styling when validation fails.
Search Filtering
Type in the input to filter the equipment list.