Form Field Multi Select
A pre-composed form field that wraps a MultiSelect 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 type of selected values. Supports Options mode and Compositional mode.
Default
A basic
FormFieldMultiSelect with a searchable multi-selection dropdown. Selected items appear as tags in the trigger. Provide Options with a list of SelectOption<TValue> to configure the data source.Selected: (none)
With Helper Text
Use
HelperText to provide guidance below the multi-select. The helper text automatically hides when the field enters an error state.Select your technical skills.
With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no categories are selected, or select items to clear it.Select All
The
ShowSelectAll parameter (default true) adds a "Select All" option at the top. Customize labels with SelectAllLabel, ClearLabel, and CloseLabel.Max Display Tags
Use
MaxDisplayTags to limit the number of tags shown in the trigger. When the selection exceeds this limit, a "+N more" badge appears.Custom Variant
Use
InputClass to apply custom Tailwind CSS classes to the inner multi-select 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.