Mention

Free

A text box that suggests names after a trigger character (@ by default). Arrow keys and Enter choose; the chosen name is inserted with the trigger.

Example

Parameter	Type	Description
`Class`	`string`	Extra CSS classes added to the root element.
`Disabled`	`bool`	Disables interaction.
`DisplayName`	`string`	Name used in validation messages.
`HelperText`	`string`	Hint shown below the field.
`Items`	`IEnumerable<MentionItem>`	The options to choose from.
`Label`	`string`	Visible label text (charts: accessible name; IconButton: accessible name and tooltip).
`Lines`	`int`	Number of text lines; above 1 the field becomes a multiline text area.
`MaxItems`	`int`	Largest number of suggestions shown. For Autocomplete and a searchable Select 0 (the default) shows every match of a fixed list and the first 10 results of an ItemsProvider; Breadcrumbs, Mention and MultiColumnComboBox have their own defaults.
`Placeholder`	`string`	Placeholder shown when the field is empty.
`ReadOnly`	`bool`	Shows the value but does not allow changes.
`Style`	`string`	Inline style added to the root element.
`Trigger`	`string`	Content of the button that opens the menu (for example an Avatar and a name). Replaces the label and the chevron; set Label for the accessible name (Menu).
`Value`	`string`	Current value. Use with @bind-Value.

Event	Type	Description
`OnMention`	`EventCallback<MentionItem>`
`ValueChanged`	`EventCallback<string>`	Raised when the value changes.

Mention is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.