SearchBox

Free

Search field with an icon and a clear button. OnSearch runs on Enter, on the clear button and (optionally) on every keystroke; Escape clears the text.

Example

Parameters

Parameter	Type	Description
`Class`	`string`	Extra CSS classes added to the root element.
`Disabled`	`bool`	Disables interaction.
`DisplayName`	`string`	Name used in validation messages.
`HelperText`	`string`	Hint shown below the field.
`Label`	`string`	Visible label text (charts: accessible name; IconButton: accessible name and tooltip).
`Placeholder`	`string`	Placeholder shown when the field is empty.
`ReadOnly`	`bool`	Shows the value but does not allow changes.
`SearchOnInput`	`bool`	Raises OnSearch on every keystroke instead of only on Enter.
`Style`	`string`	Inline style added to the root element.
`Value`	`string`	Current value. Use with @bind-Value.

Events

Event	Type	Description
`OnSearch`	`EventCallback<string>`	Raised with the search text.
`ValueChanged`	`EventCallback<string>`	Raised when the value changes.

Package

SearchBox is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.

Send feedbackVersion 1.0.3