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 <[email protected]>
Semantic-Org · Aug 9, 2021 · 26362aa · 26362aa
1 parent a080eaf
commit 26362aa
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/docs/src/examples/elements/Input/Usage/InputExampleInputElementProps.js 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
@@ -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={