Dynamic array of values

[iakshay]

Hi, is it possible to add an item to an array field. It's not clear to me, how I can add an items to todos (from the docs example)

Here is how remix-validated-form does it - https://www.remix-validated-form.io/reference/use-field-array

[edmundhung]

You will need to use the insert intent to add an item. There are both a declarative version that works before JS or an imperative version:

// Declarative
<button
  type="submit"
  {...form.insert.getButtonProps({ name: fields.todos.name, defaultValue: '' })
/>

// imperative
<button
  type="button"
  onClick={() => form.insert({ name: fields.todos.name, defaultValue: '' })}
/>

You can also find a working example here: https://stackblitz.com/github/edmundhung/conform/tree/main/examples/remix

[iakshay]

Thanks, I somehow missed this in examples. Would be nice to have a document example for dynamic updates.