Examples
For examples and details on the usage of this component, visit the component demo page: Textbox
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| Type | InputType |
Gets or sets the input type of the textbox. | Text |
| StartContent | RenderFragment |
Gets or sets content to be rendered at the start of the textbox. | - |
| EndContent | RenderFragment |
Gets or sets content to be rendered at the end of the textbox. | - |
| Label | string |
Gets or sets the label for the textbox. | - |
| Placeholder | string |
Gets or sets the placeholder for the textbox. | - |
| Description | string |
Gets or sets the description for the textbox. | - |
| ErrorMessage | string |
Gets or sets the error message for the textbox. This message is displayed only when the textbox is invalid. | - |
| Variant | InputVariant |
Gets or sets the variant for the textbox. | Flat |
| Behavior | InputBehavior |
Gets or sets the input behavior, specifying when the textbox updates its value and triggers validation. | OnChange |
| Radius | Radius? |
Gets or sets the border radius of the textbox. | - |
| LabelPlacement | LabelPlacement |
Gets or sets the placement of the label for the textbox. | Inside |
| FullWidth | bool |
Gets or sets a value indicating whether the textbox is full-width. | true |
| Clearable | bool |
Gets or sets a value indicating whether the textbox should have a clear button. | false |
| Autofocus | bool |
Gets or sets a value indicating whether the textbox should automatically receive focus. | false |
| OnCleared | EventCallback |
Gets or sets a callback that is fired when the value in the textbox is cleared. | - |
| Classes | InputFieldSlots |
Gets or sets the CSS class names for the textbox slots. | - |
| DebounceDelay | int |
Gets or sets the delay, in milliseconds, for debouncing input events. | 0 |
| Disabled | bool |
Gets or sets a value indicating whether the input is disabled. | false |
| ReadOnly | bool |
Gets or sets a value indicating whether the input is read-only. | false |
| Required | bool |
Gets or sets a value indicating whether the input is required. | false |
| Invalid | bool |
Gets or sets a value indicating whether the input is invalid. | false |
| Color | ThemeColor |
Gets or sets a color of the input. | Default |
| Size | Size |
Gets or sets the size of the input. | Medium |
| Value | string |
Gets or sets the value of the input. This should be used with two-way binding. | - |
| ValueChanged | EventCallback<string> |
Gets or sets a callback that is fired when the value of the input changes. | - |
| OnFocus | EventCallback<FocusEventArgs> |
Gets or sets a callback that is fired when the input receives focus. | - |
| OnBlur | EventCallback<FocusEventArgs> |
Gets or sets a callback that is fired when the input loses focus. | - |
| ValueExpression | Expression<Func<string>> |
Gets or sets an expression that identifies the bound value. | - |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |