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}