From 26362aab9187e94e67498719ea86b2000c568dd0 Mon Sep 17 00:00:00 2001
From: Amin Pakseresht <9244395+aminpaks@users.noreply.github.com>
Date: Mon, 9 Aug 2021 06:54:49 -0400
Subject: [PATCH] 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>
---
 .../Input/Usage/InputExampleInputElementProps.js       | 10 ++++++++++
 docs/src/examples/elements/Input/Usage/index.js        |  5 +++++
 2 files changed, 15 insertions(+)
 create mode 100644 docs/src/examples/elements/Input/Usage/InputExampleInputElementProps.js

diff --git a/docs/src/examples/elements/Input/Usage/InputExampleInputElementProps.js b/docs/src/examples/elements/Input/Usage/InputExampleInputElementProps.js
new file mode 100644
index 0000000000..8715a5b16a
--- /dev/null
+++ b/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
diff --git a/docs/src/examples/elements/Input/Usage/index.js b/docs/src/examples/elements/Input/Usage/index.js
index d8e737c7df..e777724b1d 100644
--- a/docs/src/examples/elements/Input/Usage/index.js
+++ b/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={