fix dropdownmenu on other apps and docs

digdir · Jun 18, 2024 · 605188a · 605188a
1 parent 35dbabd
commit 605188a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/apps/storefront/components/Tokens/TokenList/TokenList.tsx b/apps/storefront/components/Tokens/TokenList/TokenList.tsx
@@ -219,7 +219,7 @@ const TokenList = ({
       {(showThemePicker || showModeSwitcher) && (
         <div className={classes.toggleGroup}>
           {showThemePicker && (
-            <DropdownMenu>
+            <DropdownMenu.Root>
               <DropdownMenu.Trigger variant='secondary'>
                 Brand: {capitalizeString(brand)}
               </DropdownMenu.Trigger>
@@ -237,10 +237,10 @@ const TokenList = ({
                   Brreg
                 </DropdownMenu.Item>
               </DropdownMenu.Content>
-            </DropdownMenu>
+            </DropdownMenu.Root>
           )}
           {showModeSwitcher && (
-            <DropdownMenu>
+            <DropdownMenu.Root>
               <DropdownMenu.Trigger variant='secondary'>
                 Mode: {mode}
               </DropdownMenu.Trigger>
@@ -252,7 +252,7 @@ const TokenList = ({
                   Dark
                 </DropdownMenu.Item>
               </DropdownMenu.Content>
-            </DropdownMenu>
+            </DropdownMenu.Root>
           )}
         </div>
       )}

diff --git a/packages/react/src/components/DropdownMenu/DropdownMenu.mdx b/packages/react/src/components/DropdownMenu/DropdownMenu.mdx
@@ -16,14 +16,14 @@ import { DropdownMenu } from './';
 ```tsx
 import { DropdownMenu } from '@digdir/designsystemet-react';
 
-<DropdownMenu>
+<DropdownMenu.Root>
   <DropdownMenu.Trigger>Trigger</DropdownMenu.Trigger>
   <DropdownMenu.Content>
     <DropdownMenu.Group>
       <DropdownMenu.Item>Item</DropdownMenu.Item>
     </DropdownMenu.Group>
   </DropdownMenu.Content>
-</DropdownMenu>;
+</DropdownMenu.Root>;
 ```
 
 ## Eksempler på bruk