Number

Number dibuat dengan z.number(). Nilai type yang di kembalikan berupa number.

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

const schema = z.object({ age: z.number().min(1) });

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    age: { label: "Umur", min: 1 },
  }}
/>

fieldConfig.age diterapkan ke field age karena nama key-nya sama dengan property di schema.

Nilai kosong dan batas angka

Saat input dikosongkan, nilainya menjadi undefined; bila boleh kosong gunakan schema optional dan tipe defaultValues yang sesuai. Isi min, max, dan step pada fieldConfig untuk batas kontrol browser, misalnya { min: 1, max: 120, step: 1 }. Tetap tulis .min()/.max()/.int() di schema untuk validasi data. Input number selalu dirender sebagai number; gunakan komponen kustom bila membutuhkan slider numerik.