CloudMusic/FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Search/SearchView.razor

@inherits ViewBase

@code {
    private string searchExpression;
}

<div class="row">
    <div class="col">
        <fieldset class="border rounded-3 p-2">
            <legend class="float-none w-auto px-2 d-flex flex-row align-items-center">
                <span>Filter</span>
            </legend>
            <div class="input-group">

                <div class="form-floating">
                    <InputText type="search" class="form-control" placeholder="Search expression"
                        Value="@searchExpression"
                        ValueExpression="@(()=>searchExpression)"
                        @oninput="SearchChanged"
                        onsearch="@SearchDone"></InputText>
                    <label>Search expression</label>
                </div>

                <button @onclick="@SearchDone" class="btn btn-outline-secondary" type="button">Search</button>
            </div>
            <div class="row">

            </div>
        </fieldset>
    </div>
</div>

@code {
    private void SearchChanged(ChangeEventArgs e)
    {
        searchExpression = e.Value.ToString().Trim();
        StateHasChanged();
    }

    private void SearchDone()
    {

    }
}