Form

Text Field

Floating-label field with icons, help text, and validation states.

All components Registry setup

Preview

components/ui/text-field.tsx

Legal First Name

Use your legal first name only.

Legal First Name

Install

pnpm dlx shadcn@latest add @rhythmic-ui/text-field

Text Field API

Use when the label, validation, icons, and field chrome should move together.

<TextField label="Legal First Name" />
<TextField label="Legal First Name" error="Use your legal first name only." />
<TextField label="Legal First Name" disabled />

Registry URL

Use through the configured namespace in consumer repos.

https://design.dev.rhythmic.io/r/text-field.json