HxInputTextArea #

Textarea. To set a custom height, do not use the rows attribute. Instead, set an explicit height (either inline or via custom CSS).

Basic usage #

LastSubmit:
<EditForm Model="model" OnValidSubmit="HandleValidSubmit">
    <DataAnnotationsValidator />
    <HxInputTextArea @bind-Value="model.Text" />
    <HxSubmit Text="Submit" Color="ThemeColor.Primary" />
</EditForm>

LastSubmit: @lastSubmit

@code
{
    private Model model = new Model();
    private DateTime? lastSubmit;

    private Task HandleValidSubmit()
    {
        lastSubmit = DateTime.Now;
        return Task.CompletedTask;
    }

    public class Model
    {
        [System.ComponentModel.DataAnnotations.Required]
        [System.ComponentModel.DataAnnotations.MaxLength(4000)]
        public string Text { get; set; }
    }
}

API #

Parameters #

Name Type Description
AdditionalAttributes IReadOnlyDictionary<string, object> A collection of additional attributes that will be applied to the created element.
BindEvent BindEvent Gets or sets the behavior when the model is updated from then input.
ChipTemplate RenderFragment Chip template.
CssClass string Custom CSS class to render with wrapping div.
DisplayName string
Enabled bool? When null (default), the Enabled value is received from cascading FormState. When value is false, input is rendered as disabled. To set multiple controls as disabled use HxFormState.
GenerateChip bool When true, HxChipGenerator is used to generate chip item(s). Default is true.
Hint string Hint to render after input as form-text.
HintTemplate RenderFragment Hint to render after input as form-text.
InputCssClass string Custom CSS class to render with the input element.
InputGroupEndTemplate RenderFragment Input-group at the end of the input.
InputGroupEndText string Input-group at the end of the input.
InputGroupStartTemplate RenderFragment Input-group at the beginning of the input.
InputGroupStartText string Input-group at the beginning of the input.
InputMode InputMode? Hint to browsers as to the type of virtual keyboard configuration to use when editing.
Default is null (not set).
InputSize InputSize? Size of the input.
Label string Label text.
LabelCssClass string Custom CSS class to render with the label.
LabelTemplate RenderFragment Label content.
LabelType LabelType? Label type.
MaxLength int? The maximum number of characters (UTF-16 code units) that the user can enter.
If parameter value isn't specified, MaxLengthAttribute of the Value is checked and used.
If not specified either, the user can enter an unlimited number of characters.
Placeholder string Placeholder for the input.
Settings InputTextSettings Set of settings to be applied to the component instance (overrides HxInputText.Defaults, overridden by individual parameters).
Type InputType Input type.
ValidationMessageMode ValidationMessageMode? Specifies how the validation message should be displayed.
Default is ValidationMessageMode.Regular, you can override application-wide default for all inputs in HxInputBase.Defaults.
Value string Value of the input. This should be used with two-way binding.
ValueChanged EventCallback<string> A callback that updates the bound value.
ValueExpression Expression<Func<string>> An expression that identifies the bound value.

Methods #

Method Returns Description
FocusAsync() ValueTask Gives focus to the input element.

Static properties #

Property Type Description
Defaults InputTextSettings Application-wide defaults for the HxInputFile and derived components.
Full documentation and demos: https://havit.blazor.eu/components/HxInputText.
An unhandled error has occurred. Reload 🗙