TextField

Text fields cover baseline Material 3 input cases including supporting text, validation, adornments, and multiline entry.

Label

Props

Name	Description	Default	Control
`label`Optional	Visible label. If omitted, provide aria-label via attrs. `string \| undefined`	`undefined`
`id`Optional	Optional explicit id for native control element. `string \| undefined`	`undefined`
`as`Optional	Render either a single-line input or multiline textarea. `inputtextarea`	`"input"`	-
`rows`Optional	Rows when rendered as textarea. `number \| undefined`	`3`	-
`description`Optional	Supporting text shown below the field when not in error state. `string \| undefined`	`undefined`
`error`Optional	Error text shown below the field. When provided, field is invalid. `string \| undefined`	`undefined`
`disabled`Optional	Whether the control is disabled. `boolean \| undefined`	`false`
`required`Optional	Whether the control is required. `boolean \| undefined`	`false`
`readonly`Optional	Whether the control is readonly. `boolean \| undefined`	`false`
`name`Optional	Name attribute for form submissions. `string \| undefined`	`undefined`
`placeholder`Optional	Placeholder shown when value is empty. `string \| undefined`	`undefined`
`visuallyFocused`Optional	Forces the visual focused state without requiring DOM focus. `boolean \| undefined`	`false`
`modelValue`Required	- `string`	-

Events

Name	Type	Description
`update:modelValue`	`[value: string]`	-
`input`	`[event: Event]`	-
`change`	`[event: Event]`	-
`focus`	`[event: FocusEvent]`	-
`blur`	`[event: FocusEvent]`	-
`keydown`	`[event: KeyboardEvent]`	-

Slots

Name	Parameters	Description
`leading`	-	-
`prefix`	-	-
`suffix`	-	-
`trailing`	-	-

Default

Label

Supporting text

Configurations

Label

Supporting text

Label

Error text

Labelsearch

Amount$USD

Label