Components · Forms
Requirement List
A field's rules, shown before the first keystroke and ticked off as each is met.
- At least 12 characters (met)
- A number (met)
- A lowercase letter (not met)
- Not your username (not met)
Installation
npx shadcn@latest add https://www.syntaqx.com/r/requirement-list.jsonExamples
Rules before errors
If a field has rules, they're part of the label, not the error. List them up front and tick each one off as it's met, so nobody has to fail to learn what passes.
Inspired by GitHub
- At least 12 characters (not met)
- A number (not met)
- A lowercase letter (not met)
- Not your username (not met)