MatBlazor - Material Design components for Blazor and Razor Components
20

MatTextField

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

Name Type Description
Box Boolean
Class String Specifies one or more classnames for an DOM element.
Dense Boolean
Disabled Boolean
FullWidth Boolean
HelperText String
HideClearButton Boolean
Icon String
IconOnClick EventCallback<UIMouseEventArgs>
IconTrailing Boolean
InputClass String Css class of input element
InputStyle String Style attribute of input element
Label String
OnFocus EventCallback<UIFocusEventArgs>
OnFocusOut EventCallback<UIFocusEventArgs>
OnInput EventCallback<UIChangeEventArgs>
OnKeyDown EventCallback<UIKeyboardEventArgs>
OnKeyPress EventCallback<UIKeyboardEventArgs>
OnKeyUp EventCallback<UIKeyboardEventArgs>
Outlined Boolean
PlaceHolder String
ReadOnly Boolean When true, it specifies that an input field is read-only.
Required Boolean
Style String Specifies an inline style for an DOM element.
TextArea Boolean
Type String
Value String
ValueChanged EventCallback<String>
Ref ElementRef Returned ElementRef reference for DOM element.
Filled

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
If you like MatBlazor, please put a star on GitHub.