TanStack Form + Zod

form.Field wires Select; 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/select-13

Files

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

Source

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

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Select Components
• React Select Components
• Tailwind CSS Select Components
• shadcn/ui Select Components

More from FLX UI

• With select
• Multi-select filter
• Basic
• Grouped
• Disabled
• With Icons
• With Object
• With description only items
• Disabled Items
• With Avatar
• Custom Border & Background
• With Label