MatBlazor - Material Design components for Blazor and Razor Components


Name Type Description
ItemType Generic argument
Class String Specifies one or more classnames for an DOM element.
Collection IEnumerable<ItemType> The collection which should be rendered and filtered
CustomStringSelector Func<ItemType,String> This function is used to select the string part from the item, used both for filtering and displaying if no ItemTemplate is defined.
FullWidth Boolean This value indicates if the textfield and the dialog will be or not displayed in the full screen, the default value is false
Icon String The Icon displayed as the leading icon for the TextField
ItemTemplate RenderFragment<ItemType> ItemTemplate is used to render the elements in the popup if no template is given then the string value of the objects is displayed..
Label String The label of the TextField
NumberOfElementsInPopup Nullable<Int32> Maximum number of elements displayed in the popup
OnOpenedChanged EventCallback<Boolean> OnOpenedChanged is fired when the popup dialog is opened or close and the parameter indicates whenever is it open, the default value is false
OnTextChanged EventCallback<String> OnTextChanged is fired when the string value is changed(when an input occurs in the textfield or when an item is selected)
Outlined Boolean If this parameter is true then the style of the textbox is outlined see `MatTextfield`
ShowClearButton Boolean This value indicates if the clear button(using a trailing icon) should be displayed, which can clear the entire text and the selected value), the default value is false
StringValue String The StringValue displayed in the TextField
Style String Specifies an inline style for an DOM element.
Value ItemType The value to be used to pre-select an item from the list
ValueChanged EventCallback<ItemType> ValueChanged is fired when the value is selected(by clicking on an element in the popup)
Ref ElementRef Returned ElementRef reference for DOM element.
Clear Button

Selected value:

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