Skip to content

ArrayPushButton

Demos

Primitive elements

Code Editor
<Iterate.ArrayPushButton
text="Add another element"
value={['foo', 'bar']}
pushValue="new"
onChange={(value) => console.log('onChange', value)}
/>

Object elements

Code Editor
<DataContext.Provider
data={[
{
name: 'Iron Man',
},
{
name: 'Captain America',
},
{
name: 'Thor',
},
]}
onChange={(value) => console.log('onChange', value)}
>
<Iterate.Array path="/">
<Field.String elementPath="/name" />
</Iterate.Array>
<Iterate.ArrayPushButton
top="small"
text="Add another element"
path="/"
pushValue={{}}
/>
</DataContext.Provider>