Marque todas as ocorrências de um texto de busca dentro de uma string, ignorando maiúsculas a menos que você peça o contrário.
Por que ajuda
- Marca as correspondências
- Opção de maiúsculas
- Simples
Onde se encaixa
- Resultados de busca
- Listas
- Documentação
Exemplo
<SearchBox @bind-Value="_query" Label="Filter" Placeholder="Try 'ar'" SearchOnInput="true" OnSearch="@(_ => { })" />
<ul>
@foreach (var country in _countries.Where(c => string.IsNullOrEmpty(_query) || c.Contains(_query, StringComparison.OrdinalIgnoreCase)))
{
<li><Highlighter Text="@country" Query="@_query" /></li>
}
</ul>
@code {
private string? _query = "ar";
private readonly string[] _countries = ["Bulgaria", "Argentina", "Germany", "Norway", "Portugal", "Canada", "Spain"];
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.