Text Field
Text fields let users enter text into a UI.
- Follows: Text Fields - Material Design 3
- Inherits:
Input
Playground
Labelled
Labelled
<md-outlined-text-field
label="Labelled"
placeholder="Placeholder"
></md-outlined-text-field>
<md-filled-text-field
label="Labelled"
placeholder="Placeholder"
></md-filled-text-field>
Properties
| Name | Type | Default | Description |
|---|---|---|---|
label |
String | '' |
The label text for the text field. |
supportingText |
String | '' |
Helper text displayed below the text field. |
focused |
Boolean | false |
Whether the text field is focused. |
Methods
| Name | Description |
|---|---|
focus() |
Focuses the text field. |
blur() |
Removes focus from the text field. |
select() |
Selects the text content of the field. |