chore: add lazy load example for Dropdown component

docs/src/examples/modules/Dropdown/Usage/DropdownExampleLazyLoadContent.js

@@ -0,0 +1,45 @@
+import React from 'react'
+import { Dropdown, Header } from 'semantic-ui-react'
+
+const options = [
+  {
+    key: 1,
+    text: 'Mobile',
+    value: 1,
+    content: (
+      <Header icon='mobile' content='Mobile' subheader='The smallest size' />
+    ),
+  },
+  {
+    key: 2,
+    text: 'Tablet',
+    value: 2,
+    content: (
+      <Header
+        icon='tablet'
+        content='Tablet'
+        subheader='The size in the middle'
+      />
+    ),
+  },
+  {
+    key: 3,
+    text: 'Desktop',
+    value: 3,
+    content: (
+      <Header icon='desktop' content='Desktop' subheader='The largest size' />
+    ),
+  },
+]
+
+const DropdownExampleLazyLoadContent = () => (
+  <Dropdown 
+    selection 
+    fluid 
+    options={options} 
+    placeholder='Choose an option'
+    lazyLoad
+  />
+)
+
+export default DropdownExampleLazyLoadContent

docs/src/examples/modules/Dropdown/Usage/index.js

@@ -7,6 +7,12 @@ import ShorthandExample from 'docs/src/components/ComponentDoc/ShorthandExample'
 
 const DropdownUsageExamples = () => (
   <ExampleSection title='Usage'>
+    <ComponentExample
+      title='Lazy Load Content'
+      description='A dropdown can lazy load its content for better performance.'
+      examplePath='modules/Dropdown/Usage/DropdownExampleLazyLoadContent'
+    />
+
     <ComponentExample
       title='Open On Focus'
       description='A dropdown that opens when it is focussed on.'

src/modules/Dropdown/Dropdown.js

@@ -73,6 +73,7 @@ const Dropdown = React.forwardRef((props, ref) => {
     closeOnEscape = true,
     deburr = false,
     icon = 'dropdown',
+    lazyLoad = true,
     minCharacters = 1,
     noResultsMessage = 'No results found.',
     openOnFocus = true,
@@ -92,6 +93,7 @@ const Dropdown = React.forwardRef((props, ref) => {
       closeOnEscape={closeOnEscape}
       deburr={deburr}
       icon={icon}
+      lazyLoad={lazyLoad}
       minCharacters={minCharacters}
       noResultsMessage={noResultsMessage}
       openOnFocus={openOnFocus}