Text Input

Preview

index.tsx

Preview

index.tsx

Clearable

Preview

index.tsx

Preview

index.tsx

States

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Floating label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Size Medium

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Alternative

Clearable

Preview

index.tsx

Preview

index.tsx

States

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Floating label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Design Tokens for TextInput

Note: TextInput uses the same design tokens as the Input component. See Input documentation for available tokens.

TextInput API Reference

`<TextInput />`

Prop	Type	Default	Description
type	string	'text'	Input type (always 'text' for TextInput)
...InputProps	See Input		Inherits all props from Input

Note: TextInput inherits all props from Input and the native input element. See Input documentation for full details on available props and tokens.