Et søkefelt som ser ut og oppfører seg slik folk forventer: et ikon, en fjern-knapp og din egen søkehandling når de trykker Enter.
Hvorfor det hjelper
- Ikon og fjern-knapp innebygd
- Søk ved Enter, fjern eller mens man skriver
- Passer i topptekster og verktøylinjer
Hvor det passer
- Søk på nettsted og i tabeller
- Filtre på lister
- Søk etter kommandoer og hjelp
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.