Md Outlined Text Field
Outlined text field type.
Author
Maanrifa Bacar Ali
Constructors
Properties
CSS flexbox/grid content alignment.
CSS flexbox/grid items alignment.
CSS flexbox items self-alignment.
Describes what, if any, type of autocomplete functionality the input should provide. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
Background of the current component.
Bottom border of the current component.
Left border of the current component.
CSS border radius.
List of CSS border radius values.
Right border of the current component.
List of box shadows of the current component.
The number of cols to display for a TextFieldInputType.TextArea text field.
CSS flexbox direction.
CSS flexbox item shrink.
CSS font family of the current component.
CSS font variant of the current component.
CSS font weight of the current component.
CSS grid auto columns.
CSS grid auto flow.
CSS grid auto rows.
CSS grid column end.
CSS grid column gap.
CSS grid column start.
CSS grid row end.
CSS grid row gap.
CSS grid row start.
CSS grid areas template.
CSS grid columns template.
CSS grid rows template.
Hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
CSS flexbox/grid content justification.
CSS grid items justification.
CSS grid items self-justification.
CSS Text letter spacing of the current component.
CSS Text line height of the current component.
Bottom margin of the current component.
Left margin of the current component.
Right margin of the current component.
Defines the greatest value in the range of permitted values. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
Defines the most negative value in the range of permitted values. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
CSS overflow-wrap of the current component.
Bottom padding of the current component.
Left padding of the current component.
Right padding of the current component.
Top padding of the current component.
Defines the text displayed in a form control when the text field has no value. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder
An optional prefix to display before the input value.
The number of rows to display for a TextFieldInputType.TextArea text field.
The direction in which selection occurred.
The end position or offset of a text selection.
The starting position or offset of a text selection.
An optional suffix to display after the input value.
Conveys additional information below the text field, such as how it should be used.
CSS Text decoration of the current component.
CSS Text direction of the current component.
CSS Text indent of the current component.
CSS Text overflow of the current component.
CSS Text shadow of the current component.
CSS Text transform of the current component.
CSS transition effect for the current component.
List of CSS transition effects for the current component.
The type to use, defaults to "text". The type greatly changes how the text field behaves.
CSS Text unicode-bidi of the current component.
Message to display when the component value is not valid.
The text field's value as a Date.
The text field's value as a number.
CSS Text vertical align of the current component.
CSS Text white space of the current component.
Indicates that the element is a candidate for constraint validation.
CSS Text word spacing of the current component.
Functions
The supplied function is called after the widget DOM element is created.
The supplied function is called after the widget is removed from the DOM.
The supplied function is called after the widget is inserted into the DOM.
The supplied function is called before the widget is disposed.
Adds given value to the set of CSS classes generated in html code of current component.
Adds given style object to the set of CSS classes generated in html code of current component.
Adds given value to the set of CSS classes generated in html code of parent component.
Adds given style object to the set of CSS classes generated in html code of parent component.
Indicates the validity of the value of the element. If the value is invalid, this method also fires the invalid event on the element.
Remove all after create hooks functions.
Remove all after destroy hooks functions.
Remove all after insert hooks functions.
Remove all before dispose hooks functions.
Clears D&D data for the current widget. It also makes it not draggable.
DSL builder extension function.
Disables popover for the current widget.
Disables tooltip for the current widget.
Dispatches a custom event.
Enable gesture detector for a given Widget.
Enables popover for the current widget.
Enables tooltip for the current widget.
Returns the value of an additional attribute.
Returns DOM element bound to the current component.
Returns DOM element bound to the current component as a dynamic type.
Returns JQuery element bound to the current component.
Returns JQuery element bound to the current component as a dynamic type.
Returns CSS style attributes.
Checks whether the given value is present in the set of CSS classes.
Hides popover for the current widget.
Hides tooltip for the current widget.
DSL builder extension function.
Sets the icon identified by name to the leading slot.
Remove the after create hook function (the same function reference must be used).
Remove the after destroy hook function (the same function reference must be used).
Remove the after insert hook function (the same function reference must be used).
Removes the value of additional attribute.
Remove the before dispose hook function (the same function reference must be used).
Removes given value from the set of CSS classes generated in html code of current component.
Removes given style object from the set of CSS classes generated in html code of current component.
Removes event listener from current widget.
Removes all event listeners from current widget.
Removes the value of a custom CSS style.
Removes given value from the set of CSS classes generated in html code of parent component.
Removes given style object from the set of CSS classes generated in html code of parent component.
Performs the same validity checking steps as the checkValidity method. If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.
Sets the value of additional attribute.
Sets context menu for the current widget.
Sets a custom validity message for the underlying element.
Sets D&D data for the current widget. It also makes it draggable.
Sets the current widget as a D&D drop target.
Sets the current widget as a D&D drop target with helper callback accepting String data.
Replaces a range of text with a new string.
Sets the start and end positions of a selection in the text field.
Shows popover for the current widget.
Shows tooltip for the current widget.
Executes given function within a single rendering process.
Executes given function within a single rendering process asynchronously.
Decrements the value of a numeric type text field by MdTextField.step or stepDecrement step number of times.
Increments the value of a numeric type text field by MdTextField.step or stepIncrement step number of times.
Toggles visibility of current widget.
Sets the icon identified by name to the trailing slot.
Makes the component use distinct snabbdom key.