Form Field Combobox
A pre-composed form field that wraps a Combobox control with automatic label, helper text, and error message display. Inherits from FormFieldBase, which provides EditContext integration, auto-generated control IDs, ARIA attribute wiring, and validation error state management. Generic over TValue for the selected value type. Supports Options mode and Compositional mode.
Default
A basic
FormFieldCombobox with a searchable dropdown. Provide Options with a list of SelectOption<TValue> to configure the data source. The component handles search filtering, keyboard navigation, and value selection.Selected: (none)
With Helper Text
Use
HelperText to provide guidance below the combobox. The helper text automatically hides when the field enters an error state.Search and select your preferred framework.
With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no framework is selected, or select a value to clear it.Match Trigger Width
Set
MatchTriggerWidth to true to make the dropdown match the width of the trigger button instead of using a fixed PopoverWidth.Disabled
Set
Disabled to true to prevent interaction.Custom Variant
Use
InputClass to apply custom Tailwind CSS classes to the inner combobox trigger and Class to style the outer field container. This lets you create project-specific styles such as accent colors, tinted backgrounds, or rounded shapes.EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting with empty fields.