Schema Form

Usage

npx nebulasolutions add schema-form

Files are copied into @/components/nebula/schema-form/

Available components

┌─────────────┬────────────────────────────────────────────────────────────────┐
│    Name     │                          Description                           │
├─────────────┼────────────────────────────────────────────────────────────────┤
│ schema-form │ Schema-driven forms built on React Hook Form + Zod + shadcn/ui │
└─────────────┴────────────────────────────────────────────────────────────────┘

Requirements

- React 18+
- react-hook-form, @hookform/resolvers, zod
- shadcn/ui (form, button, input, select, textarea, badge, popover, calendar, slider, switch, checkbox, input-otp)

Install missing shadcn components:
npx shadcn@latest add form button input select textarea badge popover calendar slider switch checkbox input-otp

---
Publishing / updating (maintainer)

First time

npm login
npm publish --access public

Update component files

1. Edit files under registry/schema-form/
2. Bump version in package.json
3. npm publish

Bump version shorthand

npm version patch   # 1.0.0 → 1.0.1  (bug fix)
npm version minor   # 1.0.0 → 1.1.0  (new component)
npm version major   # 1.0.0 → 2.0.0  (breaking change)
npm publish

---