From de234c08a0b809b22989875350f4cf7dfb97d48b Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Wed, 5 Feb 2025 15:26:11 +0100 Subject: [PATCH] [docs] A quick first step to update docs for Tailwind v4 (#45147) --- .../working-with-tailwind-css/working-with-tailwind-css.md | 2 +- docs/data/material/guides/localization/localization.md | 2 +- .../material/integrations/interoperability/interoperability.md | 2 +- docs/src/modules/sandbox/CreateReactApp.ts | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md index 75353e35b15e2c..3b9453a7660cdd 100644 --- a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md +++ b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md @@ -28,7 +28,7 @@ All credits go to the Tailwind Labs team for designing this component, found on ## Setting up the project We'll use [`create-react-app` with TypeScript](https://create-react-app.dev/docs/adding-typescript/#installation) for this guide. -After you have created the project, follow the instructions given on the [Tailwind CSS installation page](https://tailwindcss.com/docs/guides/create-react-app) in order to configure `tailwind`. +After you have created the project, follow the instructions given on the [Tailwind CSS installation page](https://tailwindcss.com/docs/installation/framework-guides) in order to configure `tailwind`. Next, install `@mui/base` in the project: ```bash diff --git a/docs/data/material/guides/localization/localization.md b/docs/data/material/guides/localization/localization.md index 5f9e2fb9310833..513ec50ec7da66 100644 --- a/docs/data/material/guides/localization/localization.md +++ b/docs/data/material/guides/localization/localization.md @@ -103,7 +103,7 @@ You can [find the source](https://github.com/mui/material-ui/blob/master/package To create your own translation, or to customize the English text, copy this file to your project, make any changes needed and import the locale from there. Please do consider contributing new translations back to Material UI by opening a pull request. -However, Material UI aims to support the [100 most common](https://en.wikipedia.org/wiki/List_of_languages_by_number_of_native_speakers) [locales](https://www.ethnologue.com/guides/ethnologue200), we might not accept contributions for locales that are not frequently used, for instance `gl-ES` that has "only" 2.5 million native speakers. +However, Material UI aims to support the [100 most common](https://en.wikipedia.org/wiki/List_of_languages_by_number_of_native_speakers) [locales](https://www.ethnologue.com/insights/ethnologue200/), we might not accept contributions for locales that are not frequently used, for instance `gl-ES` that has "only" 2.5 million native speakers. ## RTL Support diff --git a/docs/data/material/integrations/interoperability/interoperability.md b/docs/data/material/integrations/interoperability/interoperability.md index 91df4f10b938d3..4c0386d1ed8f63 100644 --- a/docs/data/material/integrations/interoperability/interoperability.md +++ b/docs/data/material/integrations/interoperability/interoperability.md @@ -585,7 +585,7 @@ It works exactly like styled components. You can [use the same guide](/material- If you are used to Tailwind CSS and want to use it together with the Material UI components, you can start by cloning the [Tailwind CSS](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-tailwind-ts) example project. If you use a different framework, or already have set up your project, follow these steps: -1. Add Tailwind CSS to your project, following the instructions in https://tailwindcss.com/docs/installation. +1. Add Tailwind CSS to your project, following the instructions in https://tailwindcss.com/docs/installation/framework-guides. 2. Remove [Tailwind CSS's preflight](https://tailwindcss.com/docs/preflight) style so it can use the Material UI's preflight instead ([CssBaseline](/material-ui/react-css-baseline/)). ```diff title="tailwind.config.js" diff --git a/docs/src/modules/sandbox/CreateReactApp.ts b/docs/src/modules/sandbox/CreateReactApp.ts index 646f5467a350d0..81cce8b1a12cc5 100644 --- a/docs/src/modules/sandbox/CreateReactApp.ts +++ b/docs/src/modules/sandbox/CreateReactApp.ts @@ -33,7 +33,7 @@ export const getHtml = ({ />${ codeStyling === 'Tailwind' ? ` - +