TanStack Form + Zod

form.Field wires a checkbox group to TanStack Form; Zod validates on submit and shows an error when none are selected.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@tanstack/react-form, sonner, zod

Install

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

Files

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

Source

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

Categories

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

More from FLX UI

• Basic
• With description
• Disabled
• Group
• Select all
• Nested tree
• Choice cards
• Payment methods
• Table row selection
• Invalid / required
• React Hook Form + Zod
• Basic