Skip to content

ArrayRemoveElementButton

Demos

Primitive elements

Code Editor
<Iterate.Array
  value={['One', 'Two', 'Three', 'Four', 'Five']}
  onChange={(value) => console.log('onChange', value)}
>
  <Layout.Row align="center">
    <Field.String elementPath="/" />
    <Iterate.ArrayRemoveElementButton
      icon={TrashIcon}
      onChange={(value) => console.log('onChange', value)}
    />
  </Layout.Row>
</Iterate.Array>

Object elements

Code Editor
<Form.Handler
  data={[
    {
      name: 'Iron Man',
    },
    {
      name: 'Captain America',
    },
    {
      name: 'Thor',
    },
  ]}
  onChange={(value) => console.log('onChange', value)}
>
  <Iterate.Array path="/">
    <Layout.Row align="center">
      <Field.String elementPath="/name" />
      <Iterate.ArrayRemoveElementButton text="Remove avenger" />
    </Layout.Row>
  </Iterate.Array>
</Form.Handler>