Docs(web-react): Add the missing demo of DropdownModern with enhanc…

…ed shadow

packages/web-react/src/components/DropdownModern/demo/DropdownModernEnhancedShadow.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import DropdownModern from '../../Dropdown/DropdownModern';
+import DropdownTrigger from '../../Dropdown/DropdownTrigger';
+import DropdownPopover from '../../Dropdown/DropdownPopover';
+import { Button } from '../../Button';
+import { dropdownContent } from './constants';
+import DropdownContentFactory from './DropdownContentFactory';
+
+const DropdownModernEnhancedShadow = () => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const onToggle = () => setIsOpen(!isOpen);
+
+  return (
+    <div className="spirit-feature-dropdown-enable-enhanced-shadow">
+      <DropdownModern id="DropdownModernEnhancedShadow" isOpen={isOpen} onToggle={onToggle} placement="top-left">
+        <DropdownTrigger elementType={Button}>Finibus quis imperdiet, semper imperdiet aliquam</DropdownTrigger>
+        <DropdownPopover>
+          <DropdownContentFactory content={dropdownContent} />
+        </DropdownPopover>
+      </DropdownModern>
+    </div>
+  );
+};
+
+export default DropdownModernEnhancedShadow;

packages/web-react/src/components/DropdownModern/demo/index.tsx

@@ -32,6 +32,9 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
       <DocsSection title="Full-width mode 'mobile-only'">
         <DropdownModernFullwidthMobileOnly />
       </DocsSection>
+      <DocsSection title="Feature Flag: Enhanced Shadow">
+        <DropdownModernEnhancedShadow />
+      </DocsSection>
     </IconsProvider>
   </React.StrictMode>,
 );