Text Field

A text input that allow users to input custom text entries with a keyboard.

Docs API Reference

Component text-field-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import { TextField, TextFieldInput } from "@components/ui/text-field"
<TextField>
  <TextFieldInput />
</TextField>

Examples

Disabled

Component text-field-disabled-demo not found in registry.

Error

Component text-field-error-demo not found in registry.

File

Component text-field-file-demo not found in registry.

Text Area

Component text-field-area-demo not found in registry.

Changelog

2025-11-13 Update <TextFieldErrorMessage />

We've updated the <TextFieldErrorMessage /> component to handle error messages more effectively and better integration with form libraries.

TabsToggle Group