TextField

Makes the field read-only: it can be focused and its text selected, and it still posts.

The kind of text. Defaults from the model: [EmailAddress], [Phone], [Url], [DataType(DataType.Password)]; otherwise text.

Example text shown when empty. Not a substitute for a label.

The browser autofill hint, such as email, name, new-password.

Maximum length. Defaults to [StringLength] or [MaxLength].

Minimum length. Defaults to [StringLength(MinimumLength)] or [MinLength].

An icon inside the field, before the text.

An icon inside the field, after the text. Ignored for passwords with Reveal.

Content attached before the control, outside its border: short text (https://, $), a button, or another field such as a Select<T> (its label is kept for screen readers but not shown). Text here is not part of the field's accessible name, so say it in the label when it matters, as in "Price (USD)".

Content attached after the control, outside its border. See StartAddon.

For passwords: a button that shows or hides the text. Appears once scripts run. Defaults to true.

The reveal button's name; it's a toggle, pressed while the password shows. Defaults to "Show password".

The value, bound with @bind-Value.

The field's name in validation messages from the input itself, such as a value that can't be parsed.

The visible label. Defaults to the model property's [Display(Name)], or its name.

Keeps the label for screen readers but doesn't show it, as in a toolbar or a one-field newsletter form. Checkboxes and switches show their label beside the box, so this doesn't apply.

Help text shown under the field and linked to it for screen readers.

Whether a value is required. Defaults to whether the property has [Required].

Disables the field. Disabled fields are not posted with the form.

Height, shared with buttons. Defaults to ControlSize.Md.

Classes for the field's outer wrapper (label, control, hint and error).

Inline style for the field's outer wrapper, after its generated custom properties.

Hides the field from this breakpoint up.

Shows the field only from this breakpoint up.

Margin on all sides, in spacing steps (-16 to 16; one step = 4px).

Horizontal margin. When set, replaces Margin on this axis.

Vertical margin. When set, replaces Margin on this axis.

Top margin. When set, replaces MarginY and Margin on this side.

Bottom margin. When set, replaces MarginY and Margin on this side.

Margin at the start (left in left-to-right text). Replaces MarginX and Margin on this side.

Margin at the end (right in left-to-right text). Replaces MarginX and Margin on this side.

Width of the whole field (label, control, hint).

Minimum width of the whole field.

Maximum width of the whole field.

Whether to grow into free space inside a Stack, Row or Column: <TextField Grow />.

Whether to shrink when space is short inside a Stack, Row or Column. Defaults to true.

Starting size inside a Stack, before growing or shrinking.

Alignment across the parent's direction, overriding the parent's Align for this field only.

How many columns the field spans in a Form or Fieldset with Columns; GridSpan.Full for the whole row. Never more than the columns shown.

Starts a new row in a Form or Fieldset with Columns, or a Grid, leaving the rest of the row before it empty.