TanStack Form + Zod

form.Field wires the combobox; Zod onSubmit validator surfaces FieldError when touched.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@tanstack/react-form, sonner, zod

Install

pnpm dlx shadcn@latest add @flx/command-13

Files

• registry/patterns/command/command-13.tsx
• src/components/ui/button.tsx
• src/components/ui/command.tsx
• src/components/ui/field.tsx
• src/components/ui/popover.tsx
• src/lib/utils.ts
• src/components/ui/label.tsx
• src/components/ui/separator.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Command Palette Components
• React Command Palette Components
• Tailwind CSS Command Palette Components
• shadcn/ui Command Palette Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• shadcn/ui Navigation Components

More from FLX UI

• Basic
• Command dialog
• Global search
• Async loading
• Combobox
• Combobox with clear
• Multiple — chips
• Grouped picker
• Assignee picker
• Status picker
• With label
• React Hook Form + Zod