Mention

Free

Uma caixa de texto que sugere nomes após um caractere de gatilho (@ por padrão). As setas e Enter escolhem; o nome escolhido é inserido com o gatilho.

Exemplo

Parâmetros

Parâmetro	Tipo	Descrição
`Class`	`string`	Classes CSS extras adicionadas ao elemento raiz.
`Disabled`	`bool`	Desativa a interação.
`DisplayName`	`string`	Nome usado nas mensagens de validação.
`HelperText`	`string`	Dica mostrada abaixo do campo.
`Items`	`IEnumerable<MentionItem>`	As opções entre as quais escolher.
`Label`	`string`	Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
`Lines`	`int`	Número de linhas de texto; acima de 1, o campo vira uma área de texto de várias linhas.
`MaxItems`	`int`	Maior número de sugestões mostradas. Para Autocomplete e um Select pesquisável, 0 (o padrão) mostra todas as correspondências de uma lista fixa e os 10 primeiros resultados de um ItemsProvider; Breadcrumbs, Mention e MultiColumnComboBox têm seus próprios padrões.
`Placeholder`	`string`	Texto de exemplo mostrado quando o campo está vazio.
`ReadOnly`	`bool`	Mostra o valor mas não permite alterações.
`Style`	`string`	Estilo embutido adicionado ao elemento raiz.
`Trigger`	`string`	Conteúdo do botão que abre o menu (por exemplo um Avatar e um nome). Substitui o rótulo e a seta; defina Label para o nome acessível (Menu).
`Value`	`string`	Valor atual. Use com @bind-Value.

Eventos

Evento	Tipo	Descrição
`OnMention`	`EventCallback<MentionItem>`
`ValueChanged`	`EventCallback<string>`	Gerado quando o valor muda.

Pacote

Mention faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.

Enviar feedbackVersão 1.0.3