diff --git a/docs/src/examples/modules/Dropdown/Usage/DropdownExampleLazyLoadContent.js b/docs/src/examples/modules/Dropdown/Usage/DropdownExampleLazyLoadContent.js
new file mode 100644
index 0000000000..3141602389
--- /dev/null
+++ b/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: (
+
+ ),
+ },
+ {
+ key: 2,
+ text: 'Tablet',
+ value: 2,
+ content: (
+
+ ),
+ },
+ {
+ key: 3,
+ text: 'Desktop',
+ value: 3,
+ content: (
+
+ ),
+ },
+]
+
+const DropdownExampleLazyLoadContent = () => (
+
+)
+
+export default DropdownExampleLazyLoadContent
diff --git a/docs/src/examples/modules/Dropdown/Usage/index.js b/docs/src/examples/modules/Dropdown/Usage/index.js
index f7727c56b2..2a3e5e85bc 100644
--- a/docs/src/examples/modules/Dropdown/Usage/index.js
+++ b/docs/src/examples/modules/Dropdown/Usage/index.js
@@ -7,6 +7,12 @@ import ShorthandExample from 'docs/src/components/ComponentDoc/ShorthandExample'
const DropdownUsageExamples = () => (
+
+
{
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}