TextField

A composed field on Base UI's Field + Input: label, description, error, and input in one accessible unit. The label is wired to the control automatically.

Anatomy

Used for sign-in and receipts.

States

Display name *

Enter a valid email address

Workspace

In context

Project name

Slug

Lowercase letters, numbers, and dashes.

Usage

import { TextField } from "@hamelndigital/ui";

<TextField
  label="Email"
  type="email"
  placeholder="you@example.com"
  description="Used for sign-in and receipts."
  error={errors.email}
/>