diff --git a/apps/public-docsite-v9-headless/.storybook/preview.js b/apps/public-docsite-v9-headless/.storybook/preview.js index a3ebd40ef31ec..920889c0e46fb 100644 --- a/apps/public-docsite-v9-headless/.storybook/preview.js +++ b/apps/public-docsite-v9-headless/.storybook/preview.js @@ -24,6 +24,19 @@ export const parameters = { ...rootPreview.parameters.exportToSandbox, ...tailwindSandboxTemplate, }, + reactStorybookAddon: { + docs: { + argTable: { + slotsApi: true, + nativePropsApi: true, + }, + copyAsMarkdown: true, + tableOfContents: true, + dirSwitcher: true, + // headless components don't support theming + themePicker: false, + }, + }, }; export const tags = ['autodocs']; diff --git a/apps/public-docsite-v9-headless/.storybook/tailwind-sandbox-template.js b/apps/public-docsite-v9-headless/.storybook/tailwind-sandbox-template.js index 6204703ca107f..742eba846e8da 100644 --- a/apps/public-docsite-v9-headless/.storybook/tailwind-sandbox-template.js +++ b/apps/public-docsite-v9-headless/.storybook/tailwind-sandbox-template.js @@ -1,4 +1,4 @@ -const sandboxApp = `import { Provider } from '@fluentui/react-headless-components-preview'; +const sandboxApp = `import { Provider } from '@fluentui/react-headless-components-preview/provider'; import { Example } from './example'; const App = () => (