[docs] A quick first step to update docs for Tailwind v4 (mui#45147)

miqdigital · Feb 5, 2025 · de234c0 · de234c0
1 parent ec7db42
commit de234c0
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -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
@@ -33,7 +33,7 @@ export const getHtml = ({
     />${
       codeStyling === 'Tailwind'
         ? `
-    <!-- Check the Tailwind CSS's installation guide for setting up tailwind: https://tailwindcss.com/docs/installation -->
+    <!-- Check the Tailwind CSS's installation guide for setting up tailwind: https://tailwindcss.com/docs/installation/framework-guides -->
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
       tailwind.config = {