diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Loop/SampleWidget/index.js b/packages/builder/src/components/ComponentOptions/components/Content/Loop/SampleWidget/index.js
new file mode 100644
index 000000000..a700c4ad2
--- /dev/null
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Loop/SampleWidget/index.js
@@ -0,0 +1,101 @@
+import React from 'react'
+
+import { Field, useFormikContext } from 'formik'
+import { FormGroup, Label, Col, InputGroup } from 'reactstrap'
+
+import Hint from '../../../../../Hint'
+import { Input } from '../../../../../Form'
+import { integerOrPlaceholder } from '../../../Behavior/components/Timeline/util'
+
+const switchLabels = ({
+ templateParameters={ rows: [] },
+ sample={ n: undefined }
+}, labels) => {
+ const samples = parseInt(sample.n)
+ const parameters = templateParameters.rows.length
+
+ if (samples < parameters) {
+ return labels[0]
+ } else if (isNaN(samples) || samples === parameters) {
+ return labels[1]
+ } else {
+ return labels[2]
+ }
+}
+
+export default () => {
+ const { values } = useFormikContext()
+
+ return
+
+
+
+
+
+
+
+
+
+
+
+
+
+}
diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Loop/index.js b/packages/builder/src/components/ComponentOptions/components/Content/Loop/index.js
index 42a350f99..04f7c0e53 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Loop/index.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Loop/index.js
@@ -1,13 +1,24 @@
import React from 'react'
+import { CardBody } from 'reactstrap'
+
import Card from '../../../../Card'
+import Form from '../../Form'
+
+import SampleWidget from './SampleWidget'
-export default () =>
- <>
+export default ({ id, data }) =>
+