https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example
Example implementation of TanStack Form and Shadcn Field
https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example
form shadcn shadcn-ui tanstack tanstack-form
Last synced: 5 months ago
JSON representation
Example implementation of TanStack Form and Shadcn Field
- Host: GitHub
- URL: https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example
- Owner: chitrakshtarun
- Created: 2025-10-03T18:27:12.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-10-03T20:25:07.000Z (6 months ago)
- Last Synced: 2025-10-03T20:34:45.010Z (6 months ago)
- Topics: form, shadcn, shadcn-ui, tanstack, tanstack-form
- Language: TypeScript
- Homepage: https://tanstack-form-shadcn-field-example.vercel.app
- Size: 111 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TanStack Form Shadcn Field Example
Example implementation of TanStack Form and Shadcn Field.
### Frameworks, Tools and Dependencies
- Next.js (Web Framework)
- Shadcn (Components)
- TanStack Form (Form Library)
- Zod (Schema Validation Library)
### Form Code:
- [Folder](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/tree/main/src/app/_forms)
- [Input](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/input-form.tsx)
- [Textarea](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/textarea-form.tsx)
- [Select](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/select-form.tsx)
- [Slider](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/slider-form.tsx)
- [Date Input](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/date-input-form.tsx)
- [Fieldset](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/fieldset-form.tsx)
- [Checkbox](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/checkbox-form.tsx)
- [Radio](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/radio-form.tsx)
- [Switch](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/switch-form.tsx)
- [Choice Card](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/choice-card-form.tsx)
- [Field Group](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/field-group-form.tsx)
- [Responsive Layout](https://github.com/chitrakshtarun/tanstack-form-shadcn-field-example/blob/main/src/app/_forms/responsive-form.tsx)