useForm
Zod スキーマベースのフォーム管理フック。field() でフォーム入力に直接 spread 可能。blur 時にバリデーション、submit 後はリアルタイム再検証。
import { useForm } from "@blueai/ui"Examples
Live Demo
Return Values
field(name) — { value, onChange, onBlur, error, required } を返す
values — 現在の全フィールド値
errors — 現在のエラーオブジェクト
handleSubmit(fn) — フォーム送信ハンドラ
setFieldValue(name, value) — 個別フィールド更新
reset() — 初期値にリセット
isValid — バリデーション通過状態
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| schema* | ZodObject | — | Zod バリデーションスキーマ |
| initial* | T | — | 初期値 |