MatBlazor - Material Design components for Blazor and Razor Components

MatTextField

Text fields allow users to input, edit, and select text.

Name Type Description
Attributes Dictionary<String,Object>
Box Boolean
Class String Specifies one or more classnames for an DOM element.
Dense Boolean
Disabled Boolean
FullWidth Boolean
HelperText String
HelperTextPersistent Boolean
HelperTextValidation Boolean
HideClearButton Boolean
Icon String
IconOnClick EventCallback<MouseEventArgs>
IconTrailing Boolean
Id String
InputClass String Css class of input element
InputStyle String Style attribute of input element
Label String
OnFocus EventCallback<FocusEventArgs>
OnFocusOut EventCallback<FocusEventArgs>
OnInput EventCallback<ChangeEventArgs>
OnKeyDown EventCallback<KeyboardEventArgs>
OnKeyPress EventCallback<KeyboardEventArgs>
OnKeyUp EventCallback<KeyboardEventArgs>
Outlined Boolean
PlaceHolder String
ReadOnly Boolean When true, it specifies that an input field is read-only.
RefBack ForwardRef
Required Boolean
Style String Specifies an inline style for an DOM element.
TextArea Boolean
Type String
ValidationDisabled Boolean When contained within an disables this control's
participation in validation checking. This means that this control will not
reflect the validation state of the underlying data binding.
Value String
ValueChanged EventCallback<String>
ValueExpression Expression<Func<String>> Gets or sets an expression that identifies the bound value.
Ref ElementReference Returned ElementRef reference for DOM element.
Filled

Helper Text

Helper Text

Helper Text Persistent

Helper Text Validation

Filled With Leading Icon

favorite

favorite

favorite
Filled With Trailing Icon

favorite

favorite

favorite
Outlined

Outlined With Leading Icon

favorite

favorite

favorite
Outlined With Trailing Icon

favorite

favorite

favorite
Textarea

Full Width

mail_outline

lock_outline

Full Width Textarea

PlaceHolder
Required
Disabled and ReadOnly

InputClass and InputStyle

Events
Optional Support for Validation via EditContext
Summary-level Validation Messages
Field-level Validation Messages

calendar_today

Not Validated

-or-

calendar_today

If you like MatBlazor, please put a star on GitHub.