React Input - Multiple Validation Messages

Input - Validation pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.

Password

Password must be at least 8 characters

Password must contain at least one number

Password must contain at least one special character

Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/input-validation-4.json

npx shadcn@latest add https://www.shadcn.io/registry/input-validation-4.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/input-validation-4.json

bunx shadcn@latest add https://www.shadcn.io/registry/input-validation-4.json