Svelte f7 Input component binding does not work

Questions
1

I am trying to create dynamic input generated from array object, but the binding with f7 Input does not working as expected, it works in nor mal html input

{#each items as item}

    <Row>
      <Col>
        <Input value={item.Name} type="text" placeholder="Item Name" />
         <!-- below input works -->
        <!-- <input bind:value={item.Name} type="text" placeholder="Item Name" /> -->
      </Col>
      <Col>
        <Input label="price" type="number" placeholder="Price" />
      </Col>
      <Col>
        <Button>Remove</Button>
      </Col>
    </Row>

  {/each}

when I change the input it does not update the items in the array object

2 
<Input value={item.Name} onInput={(e) => item.Name = e.target.value} type="text" placeholder="Item Name" />
1 Like
3

Thank you, it works!!
Hi Vladimir, could you please help me to find the doc/tutorial link for the above, I have checked https://framework7.io/svelte/inputs.html, I could not find this in the doc, Thank you gain