Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxSearchBox.Text Property

Specifies the text displayed in the Search Box.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public string Text { get; set; }

#Property Value

Type Description
String

A string value that represents the text in the Text Box.

#Remarks

Use the Text property to specify a search text or to bind the Search Box to a variable that stores the search text. To handle a text change, use the TextChanged event.

Razor
<DxSearchBox Text="@Value"
             TextChanged="@OnTextChanged"
             aria-label="Search" />

<p class="cw-320 mt-3">
    Search text: <b>@Value</b>
</p>

@code {
    string Value { get; set; }
    void OnTextChanged(string newValue) {
        Value = newValue;
    }
}

Alternatively, you can implement two-way binding for the Text property :

Razor
<DxSearchBox @bind-Text="@Value"
             aria-label="Search" />

<p class="demo-text cw-320 mt-3">
    Search text: <b>@Value</b>
</p>

@code {
    string Value { get; set; }
}

Each time the editor text has been changed, the TextChanged event fires automatically.

Run Demo: Search Box

See Also