update doc to reflect setTheme function change (#32490)

microsoft · Sep 10, 2024 · 269f109 · 269f109
1 parent 01cacb0
commit 269f109
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/change/@fluentui-web-components-c0548477-ac6b-4e98-9f54-66384b5a041d.json b/change/@fluentui-web-components-c0548477-ac6b-4e98-9f54-66384b5a041d.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "docs: reflect setTheme change",
+  "packageName": "@fluentui/web-components",
+  "email": "machi@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/_docs/developer/theming.stories.mdx b/packages/web-components/src/_docs/developer/theming.stories.mdx
@@ -29,15 +29,15 @@ import { webLightTheme } from '@fluentui/tokens';
 setTheme(webLightTheme);
 ```
 
-If you need to set token values for an element which is not the document body, you can use `setThemeFor` and pass an element followed by the theme.
+If you need to set token values for an element which is not the document body, you can pass in the element as the second argument in `setTheme`.
 
 ```js
-import { setThemeFor } from '@fluentui/web-components';
-import { webLightTheme } from '@fluentui/tokens';
+import { setTheme } from '@fluentui/web-components';
+import { webDarkTheme } from '@fluentui/tokens';
 
 const el = document.getElementById('my-element');
 
-setThemeFor(el, webLightTheme);
+setTheme(webDarkTheme, el);
 ```
 
 ### Do not use CSS variables directly