diff --git a/docs/data/base/components/autocomplete/autocomplete.md b/docs/data/base/components/autocomplete/autocomplete.md index bd078c74054ae2..227053facaccc0 100644 --- a/docs/data/base/components/autocomplete/autocomplete.md +++ b/docs/data/base/components/autocomplete/autocomplete.md @@ -4,6 +4,8 @@ title: React Autocomplete hook hooks: useAutocomplete githubLabel: 'component: autocomplete' waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ +newName: Combobox +newUrl: https://base-ui.com/react/components/autocomplete --- # Autocomplete diff --git a/docs/data/base/components/snackbar/snackbar.md b/docs/data/base/components/snackbar/snackbar.md index d10ea1fcb99068..f60da014eae275 100644 --- a/docs/data/base/components/snackbar/snackbar.md +++ b/docs/data/base/components/snackbar/snackbar.md @@ -4,6 +4,8 @@ title: React Snackbar component and hook components: Snackbar hooks: useSnackbar githubLabel: 'component: snackbar' +newName: Toast +newUrl: https://base-ui.com/react/components/toast --- # Snackbar diff --git a/docs/src/components/productBaseUI/MuiBaseDeprecation.tsx b/docs/src/components/productBaseUI/MuiBaseDeprecation.tsx index e5295542b49267..8e302500bc316f 100644 --- a/docs/src/components/productBaseUI/MuiBaseDeprecation.tsx +++ b/docs/src/components/productBaseUI/MuiBaseDeprecation.tsx @@ -2,18 +2,15 @@ import * as React from 'react'; import Box from '@mui/material/Box'; import { MarkdownElement } from '@mui/docs/MarkdownElement'; -export default function MuiBaseDeprecation(props: { - newComponentName?: string; - newComponentUrl?: string; -}) { - if (props.newComponentUrl && props.newComponentName) { +export default function MuiBaseDeprecation(props: { newName?: string; newUrl?: string }) { + if (props.newUrl && props.newName) { return ( - @mui/base has been deprecated and has been replaced by Base UI. We strongly recommend - using the Base UI {props.newComponentName} component{' '} + MUI Base (@mui/base) has been deprecated. Base UI is its successor. We strongly + recommend using the new Base UI {props.newName} component{' '} instead. @@ -25,9 +22,8 @@ export default function MuiBaseDeprecation(props: { - @mui/base has been deprecated and has been replaced by{' '} - Base UI. We strongly recommend using the new package - instead. + MUI Base (@mui/base) has been deprecated. Base UI is its + successor. We strongly recommend using the new package instead. diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js index a8638b7ed62fa5..e4378d8200340f 100644 --- a/docs/src/modules/components/MarkdownDocs.js +++ b/docs/src/modules/components/MarkdownDocs.js @@ -78,8 +78,8 @@ export default function MarkdownDocs(props) { {isJoy && } {isBase && ( )} {localizedDoc.rendered.map((renderedMarkdownOrDemo, index) => ( diff --git a/docs/src/modules/components/MarkdownDocsV2.js b/docs/src/modules/components/MarkdownDocsV2.js index 166f83b562b6cd..6d1da4912abdfb 100644 --- a/docs/src/modules/components/MarkdownDocsV2.js +++ b/docs/src/modules/components/MarkdownDocsV2.js @@ -276,8 +276,8 @@ export default function MarkdownDocsV2(props) { {isJoy && } {isBase && ( )} {commonElements} diff --git a/examples/base-ui-cra-ts/README.md b/examples/base-ui-cra-ts/README.md index 0aae623bb6b4c7..fbdcacf35eadda 100644 --- a/examples/base-ui-cra-ts/README.md +++ b/examples/base-ui-cra-ts/README.md @@ -1,6 +1,6 @@ # MUI Base - Create React App example in TypeScript -[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks. +[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks. [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments. diff --git a/examples/base-ui-cra-ts/src/App.tsx b/examples/base-ui-cra-ts/src/App.tsx index 20b0d82bd5463d..adb3ec522957f8 100644 --- a/examples/base-ui-cra-ts/src/App.tsx +++ b/examples/base-ui-cra-ts/src/App.tsx @@ -6,7 +6,7 @@ export default function App() {

Base UI + Create React App scaffold (TypeScript)

- Base UI is a library of unstyled React UI components + MUI Base is a library of unstyled React UI components which includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
diff --git a/examples/base-ui-cra/README.md b/examples/base-ui-cra/README.md index e30656d6f85ad7..3a488031428b49 100644 --- a/examples/base-ui-cra/README.md +++ b/examples/base-ui-cra/README.md @@ -1,6 +1,6 @@ # MUI Base - Create React App example in JavaScript -[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks. +[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks. [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments. diff --git a/examples/base-ui-cra/src/App.js b/examples/base-ui-cra/src/App.js index 6c936be8aceebf..2050c9ce4a51f8 100644 --- a/examples/base-ui-cra/src/App.js +++ b/examples/base-ui-cra/src/App.js @@ -6,7 +6,7 @@ export default function App() {

Base UI + Create React App scaffold (JavaScript)

- Base UI is a library of unstyled React UI components + MUI Base is a library of unstyled React UI components and hooks.
diff --git a/examples/base-ui-vite-tailwind-ts/README.md b/examples/base-ui-vite-tailwind-ts/README.md index 199abfd55a2c46..c4905df8e75c1b 100644 --- a/examples/base-ui-vite-tailwind-ts/README.md +++ b/examples/base-ui-vite-tailwind-ts/README.md @@ -1,6 +1,6 @@ # MUI Base - Vite.js example with Tailwind CSS in TypeScript -[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks. +[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks. [Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command diff --git a/examples/base-ui-vite-tailwind/README.md b/examples/base-ui-vite-tailwind/README.md index d915bfaaee2399..83204e688b177a 100644 --- a/examples/base-ui-vite-tailwind/README.md +++ b/examples/base-ui-vite-tailwind/README.md @@ -1,6 +1,6 @@ # MUI Base - Vite.js example with Tailwind CSS -[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks. +[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks. [Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command diff --git a/examples/base-ui-vite-tailwind/src/App.jsx b/examples/base-ui-vite-tailwind/src/App.jsx index 08a5cc71a69413..f7709b9d7e4dcd 100644 --- a/examples/base-ui-vite-tailwind/src/App.jsx +++ b/examples/base-ui-vite-tailwind/src/App.jsx @@ -6,8 +6,8 @@ export default function App() {

MUI Base + Vite.js + Tailwind CSS

  • - - Base UI + + MUI Base {' '} is a library of unstyled React UI components and hooks.
  • diff --git a/packages/mui-base/README.md b/packages/mui-base/README.md index 1b9f4c9c00b39f..9b91f3a0199324 100644 --- a/packages/mui-base/README.md +++ b/packages/mui-base/README.md @@ -1,11 +1,11 @@

    - Base UI logo + MUI Base logo

    -

    Base UI

    +

    MUI Base

    -Base UI is a library of headless ("unstyled") React components and low-level hooks. You gain complete control over your app's CSS and accessibility features. +MUI Base is a library of headless ("unstyled") React components and low-level hooks. You gain complete control over your app's CSS and accessibility features. ## Installation @@ -19,7 +19,7 @@ npm install @mui/base -Visit [https://v6.mui.com/base-ui/](https://v6.mui.com/base-ui/) to view the full documentation. +Visit [https://v6.mui.com/base-ui/getting-started/](https://v6.mui.com/base-ui/getting-started/) to view the full documentation. ## Questions @@ -28,7 +28,7 @@ Use the "base-ui" tag on Stack Overflow to make it easier for the community to ## Examples -Our documentation features [a collection of example projects using Base UI](https://github.com/mui/material-ui/tree/master/examples). +Our documentation features [a collection of example projects using MUI Base](https://github.com/mui/material-ui/tree/master/examples). ## Contributing diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json index 150fbf7457a364..90d31fae6c4021 100644 --- a/packages/mui-base/package.json +++ b/packages/mui-base/package.json @@ -21,7 +21,7 @@ "bugs": { "url": "https://github.com/mui/material-ui/issues" }, - "homepage": "https://mui.com/base-ui/", + "homepage": "https://v6.mui.com/base-ui/getting-started/", "funding": { "type": "opencollective", "url": "https://opencollective.com/mui-org"