Dev Design Library

Form in a Dialog

Build an invoice while a dialog validates each line item against its own schema.

Form in a Dialog preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Dependencies
@hookform/resolvers, lucide-react, react-hook-form, sonner, zod
Install
pnpm dlx shadcn@latest add @flx/rhf-advanced-02
Files
  • registry/forms/react-hook-form/advanced/rhf-advanced-02.tsx
  • registry/forms/react-hook-form/advanced/rhf-advanced-02-line-item-dialog.tsx
  • src/components/ui/button.tsx
  • src/components/ui/dialog.tsx
  • src/components/ui/field.tsx
  • src/components/ui/input.tsx
  • src/lib/utils.ts
  • src/components/ui/label.tsx
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI