docs(Input): Include an example for passing props to input element (#…

…4153)

* Include an example for passing props to input element

* move example to Usage section

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

docs/src/examples/elements/Input/Usage/InputExampleInputElementProps.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import { Input } from 'semantic-ui-react'
+
+const InputExampleInputElementProps = () => (
+  <Input placeholder='Search...'>
+    <input data-testid='my-input-1' />
+  </Input>
+)
+
+export default InputExampleInputElementProps

docs/src/examples/elements/Input/Usage/index.js

@@ -9,6 +9,11 @@ const InputUsageExamples = () => (
       description='An input can be focused via a ref.'
       examplePath='elements/Input/Usage/InputExampleRefFocus'
     />
+    <ComponentExample
+      title='Input Element'
+      description='You can pass props (specially data attributes) to input by including an input element in children.'
+      examplePath='elements/Input/Usage/InputExampleInputElementProps'
+    />
     <ComponentExample
       title='Datalist'
       description={