docs: add documentation for labelFn of SimpleFormIterator

marmelab · Jun 4, 2021 · 5cfe4b7 · 5cfe4b7
1 parent 856a15a
commit 5cfe4b7
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/docs/Inputs.md b/docs/Inputs.md
@@ -1211,6 +1211,19 @@ import { ArrayInput, SimpleFormIterator, DateInput, TextInput } from 'react-admi
 </ArrayInput>
 ```
 
+Furthermore, if you want to manipulate the label displayed left of each item, you can pass a function to `SimpleFormIterator` via the `labelFn` prop.
+
+```jsx
+import { ArrayInput, SimpleFormIterator, DateInput, TextInput } from 'react-admin';
+
+<ArrayInput source="backlinks">
+    <SimpleFormIterator labelFn={(index) => `${index + 1}. link`}>
+        <DateInput source="date" />
+        <TextInput source="url" />
+    </SimpleFormIterator>
+</ArrayInput>
+```
+
 **Note**: `SimpleFormIterator` only accepts `Input` components as children. If you want to use some `Fields` instead, you have to use a `<FormDataConsumer>` to get the correct source, as follows:
 
 ```jsx