Layout responsif

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

const schema = z.object({ firstName: z.string(), lastName: z.string() });

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    firstName: { section: "name", layout: { colSpan: 12, md: 6 } },
    lastName: { section: "name", layout: { colSpan: 12, md: 6 } },
  }}
  sectionConfig={{ name: { title: "Nama lengkap" } }}
/>

layout tersedia untuk input serta container object/array. Gunakan bilangan 1–12.

Breakpoint yang tidak diisi mewarisi nilai sebelumnya. Pada 1.0.0 setiap field root tanpa section mendapat grid tersendiri. Gunakan section yang sama agar beberapa field root dapat berdampingan. Child object juga menggunakan grid bersama.

Section mengelompokkan field root; section pada child bersarang belum membentuk kelompok baru.