diff --git a/docs/data/material/components/app-bar/app-bar.md b/docs/data/material/components/app-bar/app-bar.md index e3ce487635faa2..97b9e7845e5c22 100644 --- a/docs/data/material/components/app-bar/app-bar.md +++ b/docs/data/material/components/app-bar/app-bar.md @@ -160,4 +160,4 @@ You can override this behavior by setting the `enableColorOnDark` prop to `true` The [DashboardLayout](https://mui.com/toolpad/core/react-dashboard-layout/) component from `@toolpad/core` is the starting point for dashboarding applications. It takes care of application layout, theming, navigation, and more. An example usage of this component: -{{"demo": "DashboardLayoutBasic.js", "height": 400, "iframe": true, "defaultExpanded": false}} +{{"demo": "DashboardLayoutBasic.js", "height": 400, "iframe": true, "bg": "inline", "defaultExpanded": false}} diff --git a/docs/data/material/components/container/container.md b/docs/data/material/components/container/container.md index 45e3224f1d9ad1..40719883633f6e 100644 --- a/docs/data/material/components/container/container.md +++ b/docs/data/material/components/container/container.md @@ -41,4 +41,4 @@ The max-width matches the min-width of the current breakpoint. The [PageContainer](https://mui.com/toolpad/core/react-page-container/) component in `@toolpad/core` is the ideal wrapper for the content of your dashboard. It makes the MaterialĀ UI Container navigation-aware and extends it with page title, breadcrumbs, actions, and more. -{{"demo": "../breadcrumbs/PageContainerBasic.js", "height": 400, "defaultExpanded": false}} +{{"demo": "../breadcrumbs/PageContainerBasic.js", "height": 400, "bg": "inline", "defaultExpanded": false}} diff --git a/docs/data/material/components/dialogs/dialogs.md b/docs/data/material/components/dialogs/dialogs.md index 4512f17e44cca5..87efff1e61e2ca 100644 --- a/docs/data/material/components/dialogs/dialogs.md +++ b/docs/data/material/components/dialogs/dialogs.md @@ -172,14 +172,14 @@ Follow the [Modal accessibility section](/material-ui/react-modal/#accessibility ### useDialogs -You can create and manipulate dialogs imperatively with the [`useDialogs()`](https://mui.com/toolpad/core/react-use-dialogs/) API in `@toolpad/core`. This API provides the following features: +You can create and manipulate dialogs imperatively with the useDialogs() API in @toolpad/core. This hook handles - state management for opening and closing dialogs -- reading data from and passing data to dialogs +- passing data to dialogs and receiving results back from them - stacking multiple dialogs -- themed alternatives for `window.alert()`, `window.confirm`() and `window.prompt()` +- themed, asynchronous versions of `window.alert()`, `window.confirm()` and `window.prompt()` -The following example demonstrates these features: +The following example demonstrates some of these features: {{"demo": "ToolpadDialogsNoSnap.js", "defaultCodeOpen": false}} diff --git a/docs/data/material/getting-started/templates/templates.md b/docs/data/material/getting-started/templates/templates.md index 28593666bcb2fa..e10309f884352a 100644 --- a/docs/data/material/getting-started/templates/templates.md +++ b/docs/data/material/getting-started/templates/templates.md @@ -42,4 +42,4 @@ Looking for something more? You can find complete templates and themes in the