← Back to Home

Documentation

Learn how to use Shadcn UI + TanStack Form integration in your projects.

Quick Start

Installation

Install the TanStack Form Field component using the Shadcn CLI:

Basic Usage

Here's a complete example of how to create a form using the TanStack Form integration:

Loading...

API Reference

Form Structure

Use form.AppForm as the root and form.AppField for each field.

Loading...

Field Components

Available field components for building accessible forms.

field.Field - Field wrapper container
field.FieldLabel - Field label with proper accessibility
field.FieldControl - Input wrapper with validation states
field.FieldDescription - Help text for the field
field.FieldError - Error message display

Available Components

Form Fields

Pre-built form field components with validation and styling.

View Components

Form Blocks

Complete form examples and patterns for common use cases.

View Blocks

Resources

TanStack Form Documentation

Learn more about TanStack Form's powerful features and API.

Visit Docs

Shadcn UI

Explore the component library that powers our design system.

Visit Docs

GitHub Repository

View the source code, report issues, and contribute to the project.

View on GitHub
Built with ❤️ by @fatahchan