Radio dan checkbox group

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

const schema = z.object({
  plan: z.enum(["free", "pro"]),
  channels: z.array(z.string()),
});

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    plan: { type: "radio" },
    channels: {
      inputType: "checkbox-group",
      options: [
        { label: "Email", value: "email" },
        { label: "SMS", value: "sms" },
      ],
    },
  }}
/>

Contoh berikut memakai z dari zod dan FieldConfig dari erlangform. Pasang schema, nilai awal, dan konfigurasi mengikuti Quick Start.

Radio

Enum string menghasilkan select otomatis. type: "radio" mengganti tampilannya menjadi kelompok radio.

Checkbox group

Hasilnya array string, misalnya ["email", "sms"]. inputType berada langsung pada konfigurasi field array, bukan di dalam array.

Pada 1.0.0 checkbox group memakai renderer tersendiri yang belum menerapkan state disabled/readonly/required dan tampilan error seperti field tunggal. Gunakan validasi schema dan container array kustom bila perlu perilaku tambahan. Radio bawaan juga belum menjaga readonly pada event perubahan.