Skip to content

Commit 516c6f0

Browse files
oliviertassinariweb-flow
authored andcommitted
[docs] A quick first step to update docs for Tailwind v4 (#45147)
1 parent 527222d commit 516c6f0

File tree

4 files changed

+4
-4
lines changed

4 files changed

+4
-4
lines changed

docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ All credits go to the Tailwind Labs team for designing this component, found on
2828
## Setting up the project
2929

3030
We'll use [`create-react-app` with TypeScript](https://create-react-app.dev/docs/adding-typescript/#installation) for this guide.
31-
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`.
31+
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`.
3232
Next, install `@mui/base` in the project:
3333

3434
```bash

docs/data/material/guides/localization/localization.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ You can [find the source](https://github.com/mui/material-ui/blob/v6.x/packages/
103103
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.
104104

105105
Please do consider contributing new translations back to Material UI by opening a pull request.
106-
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.
106+
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.
107107

108108
## RTL Support
109109

docs/data/material/integrations/interoperability/interoperability.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -585,7 +585,7 @@ It works exactly like styled components. You can [use the same guide](/material-
585585
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/v6.x/examples/material-ui-cra-tailwind-ts) example project.
586586
If you use a different framework, or already have set up your project, follow these steps:
587587

588-
1. Add Tailwind CSS to your project, following the instructions in https://tailwindcss.com/docs/installation.
588+
1. Add Tailwind CSS to your project, following the instructions in https://tailwindcss.com/docs/installation/framework-guides.
589589
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/)).
590590

591591
```diff title="tailwind.config.js"

docs/src/modules/sandbox/CreateReactApp.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export const getHtml = ({
3333
/>${
3434
codeStyling === 'Tailwind'
3535
? `
36-
<!-- Check the Tailwind CSS's installation guide for setting up tailwind: https://tailwindcss.com/docs/installation -->
36+
<!-- Check the Tailwind CSS's installation guide for setting up tailwind: https://tailwindcss.com/docs/installation/framework-guides -->
3737
<script src="https://cdn.tailwindcss.com"></script>
3838
<script>
3939
tailwind.config = {

0 commit comments

Comments
 (0)