RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

SearchBox

Free

Campo de pesquisa com um ícone e um botão de limpar. OnSearch é executado com Enter, com o botão de limpar e (opcionalmente) a cada tecla; Escape limpa o texto.

Exemplo

Controle SearchBox

Parâmetros

ParâmetroTipoDescrição
ClassstringClasses CSS extras adicionadas ao elemento raiz.
DisabledboolDesativa a interação.
DisplayNamestringNome usado nas mensagens de validação.
HelperTextstringDica mostrada abaixo do campo.
LabelstringTexto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
PlaceholderstringTexto de exemplo mostrado quando o campo está vazio.
ReadOnlyboolMostra o valor mas não permite alterações.
SearchOnInputboolGera OnSearch a cada tecla pressionada em vez de apenas em Enter.
StylestringEstilo embutido adicionado ao elemento raiz.
ValuestringValor atual. Use com @bind-Value.

Eventos

EventoTipoDescrição
OnSearchEventCallback<string>Gerado com o texto de pesquisa.
ValueChangedEventCallback<string>Gerado quando o valor muda.

Pacote

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