Et søgefelt, der ser ud og opfører sig, som folk forventer: et ikon, en ryd-knap og din egen søgehandling, når de trykker Enter.
Hvorfor det hjælper
- Ikon og ryd-knap indbygget
- Søgning ved Enter, ryd eller mens der skrives
- Passer i sidehoveder og værktøjslinjer
Hvor det passer
- Søgning på websted og i tabeller
- Filtre på lister
- Søgning efter kommandoer og hjælp
Eksempel
<SearchBox @bind-Value="_query" Label="Search (Enter to run)" Placeholder="Type and press Enter" OnSearch="OnSearch" />
<SearchBox @bind-Value="_live" Label="Search as you type" Placeholder="Filter" SearchOnInput="true" OnSearch="@(q => _hits++)" />
<span>Last search: @(_last ?? "none"), live events: @_hits</span>
@code {
private string? _query;
private string? _live;
private string? _last;
private int _hits;
private void OnSearch(string? query) => _last = query;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.