diff --git a/src/Umbraco.Web.UI.Client/.storybook/main.js b/src/Umbraco.Web.UI.Client/.storybook/main.js index 2dda838ca8..567be62a08 100644 --- a/src/Umbraco.Web.UI.Client/.storybook/main.js +++ b/src/Umbraco.Web.UI.Client/.storybook/main.js @@ -1,7 +1,10 @@ module.exports = { stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'], - addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-a11y'], + addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-a11y', '@storybook/addon-docs'], framework: '@storybook/web-components', + features: { + previewMdx2: true + }, core: { builder: '@storybook/builder-vite', }, diff --git a/src/Umbraco.Web.UI.Client/.storybook/preview-head.html b/src/Umbraco.Web.UI.Client/.storybook/preview-head.html index bfdcead0c2..62e8b25cee 100644 --- a/src/Umbraco.Web.UI.Client/.storybook/preview-head.html +++ b/src/Umbraco.Web.UI.Client/.storybook/preview-head.html @@ -2,6 +2,15 @@ body { padding: 0px !important; } + + pre { + font-family: monospace; + font-size: 14px; + background-color: var(--uui-color-background); + padding: 1.5em; + border-radius: 3px; + line-height: 1.3em; + }