React Hook Form

Dialog form with RHF, Zod resolver, and FieldError on invalid fields.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@hookform/resolvers, react-hook-form, sonner, zod

Install

pnpm dlx shadcn@latest add @flx/dialog-19

Files

• registry/patterns/dialog/dialog-19.tsx
• src/components/ui/button.tsx
• src/components/ui/dialog.tsx
• src/components/ui/field.tsx
• src/components/ui/input.tsx
• src/components/ui/select.tsx
• src/lib/utils.ts
• src/components/ui/label.tsx

Source

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

Categories

• Form Components
• React Form Components
• Tailwind CSS Form Components
• shadcn/ui Form Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• shadcn/ui Modal Components

More from FLX UI

• Login form
• Notification settings
• Payment form
• Command dialog
• Confirm Dialog
• Multi-Step
• Grace Period
• Confirm action
• Edit profile
• Delete account
• Terms, sticky footer
• Share link