Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
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.
Loading example…
With Helper Text
Use
HelperText to provide guidance below the combobox. The helper text automatically hides when the field enters an error state.
Loading example…
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.
Loading example…
Match Trigger Width
Set
MatchTriggerWidth to true to make the dropdown match the width of the trigger button instead of using a fixed PopoverWidth.
Loading example…
Disabled
Set
Disabled to true to prevent interaction.
Loading example…
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.
Loading example…
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting with empty fields.
Loading example…