Add dropdown to StrictDomDemo

microsoft · Apr 6, 2024 · cc2ca02 · cc2ca02
1 parent 31f8b31
commit cc2ca02
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/apps/xplat-v9/StrictDomDemo.tsx b/apps/xplat-v9/StrictDomDemo.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { Label } from '@fluentui/react-label';
+import { Dropdown, Option } from '@fluentui/react-combobox';
 import { mergeClasses, makeStyles, shorthands } from '@fluentui/react-platform-adapter-preview';
 import { FluentProvider } from '@fluentui/react-provider';
 import { tokens, webLightTheme } from '@fluentui/react-theme';
@@ -24,6 +25,12 @@ export const StrictDomDemo = () => {
   return (
     <FluentProvider theme={webLightTheme} className={mergeClasses(classNames.root)}>
       <Label required>Label</Label>
+      <h1>Dropdown</h1>
+      <Dropdown inlinePopup>
+        <Option>Option 1</Option>
+        <Option>Option 2</Option>
+        <Option>Option 3</Option>
+      </Dropdown>
       <ButtonStories />
     </FluentProvider>
   );

diff --git a/apps/xplat-v9/package.json b/apps/xplat-v9/package.json
@@ -19,6 +19,7 @@
   },
   "dependencies": {
     "@fluentui/react-button": "*",
+    "@fluentui/react-combobox": "*",
     "@fluentui/react-jsx-runtime": "*",
     "@fluentui/react-label": "*",
     "@fluentui/react-platform-adapter-preview": "*",