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. |