Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
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.
Loading example…
With Suggestions
Provide a
Suggestions list to show autocomplete options as the user types. Combined with MaxTags and MaxTagLength to constrain input.
Loading example…
With Error
Use
ErrorText to manually set a validation error. Click Validate to trigger the error when no tags are present.
Loading example…
Disabled
Set
Disabled to true to prevent user interaction. The input and tags display with reduced opacity.
Loading example…
Tag Variants
Use the
Variant parameter to change the visual style of tags. Available variants are Default, Outline, and Secondary.
Loading example…
EditForm Validation
Inside an
EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting without adding any tags.
Loading example…