From 6d818b528df83d32601106b7e952b0db270beb04 Mon Sep 17 00:00:00 2001
From: Arthur Denner <arthurdenner7@gmail.com>
Date: Mon, 17 Sep 2018 06:40:28 -0300
Subject: [PATCH] docs(Form): add an example of accessible Form.Select (#3157)

docs(Form): add an example of accessible Form.Select
---
 .../Form/Shorthand/FormExampleFieldControlId.js   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/src/examples/collections/Form/Shorthand/FormExampleFieldControlId.js b/docs/src/examples/collections/Form/Shorthand/FormExampleFieldControlId.js
index b68d1d2f47..8a76cae0c6 100644
--- a/docs/src/examples/collections/Form/Shorthand/FormExampleFieldControlId.js
+++ b/docs/src/examples/collections/Form/Shorthand/FormExampleFieldControlId.js
@@ -1,5 +1,10 @@
 import React from 'react'
-import { Form, Input, TextArea, Button } from 'semantic-ui-react'
+import { Form, Input, TextArea, Button, Select } from 'semantic-ui-react'
+
+const genderOptions = [
+  { key: 'm', text: 'Male', value: 'male' },
+  { key: 'f', text: 'Female', value: 'female' },
+]
 
 const FormExampleFieldControlId = () => (
   <Form>
@@ -16,6 +21,14 @@ const FormExampleFieldControlId = () => (
         label='Last name'
         placeholder='Last name'
       />
+      <Form.Field
+        control={Select}
+        options={genderOptions}
+        label={{ children: 'Gender', htmlFor: 'form-select-control-gender' }}
+        placeholder='Gender'
+        search
+        searchInput={{ id: 'form-select-control-gender' }}
+      />
     </Form.Group>
     <Form.Field
       id='form-textarea-control-opinion'