Form Field Tag Input
A pre-composed form field that wraps a TagInput 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.
Default
A basic
FormFieldTagInput with a label, helper text, and two-way binding via @bind-Tags. The component automatically generates a unique ID to associate the label with the input for accessibility.C#
Blazor
Add your technical skills
Tags: C#, Blazor
With Suggestions
Provide a
Suggestions list to show autocomplete options as the user types. Combined with MaxTags and MaxTagLength to constrain input.With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no tags are present.Disabled
Set
Disabled to true to prevent user interaction. The input and tags display with reduced opacity.Production
Stable
These tags cannot be modified.
Tag Variants
Use the
Variant parameter to change the visual style of tags. Available variants are Default, Outline, and Secondary.Tag 1
Tag 2
Tag 1
Tag 2
Tag 1
Tag 2
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting without adding any tags.