@mui/base
Advanced tools
Changelog
@mui/joy@5.0.0-beta.2
FormHelperText
icon color (#38387) @TheNatkatkeepMounted
prop (#38293) @decadef20Changelog
@mui/joy@5.0.0-beta.1
MenuButton
(#38342) @sai6855<!-- 33 -->[docs][AppBar] Fix ResponsiveAppBar
demo logo href (#38346) @iownthegame
<!-- 30 -->[docs][base] Add Tailwind CSS + plain CSS demo on the Button page (#38240) @alisasanib
<!-- 29 -->[docs][Menu][base] Remove Unstyled
prefix from demos' function names (#38270) @sai6855
<!-- 22 -->[docs] Add themeable component guide (#37908) @siriwatknp
<!-- 21 -->[docs] Fix Joy UI demo background color (#38307) @oliviertassinari
<!-- 20 -->[docs] Update API docs for Number Input component (#38301) @ZeeshanTamboli
<!-- 14 -->[docs][joy-ui] Revise the theme typography page (#38285) @danilo-leal
<!-- 13 -->[docs][joy-ui] Add TS demo for Menu Bar (#38308) @sai6855
<!-- 10 -->[docs][joy-ui] Updated Typography callout at getting started (#38289) @zanivan
<!-- 12 -->[docs][joy-ui] Fix the Inter font installation instructions (#38284) @danilo-leal
<!-- 11 -->[docs][material] Add note to Autocomplete about ref forwarding (#38305) @samuelsycamore
<!-- 05 -->[docs][Skeleton] Make the demos feel more realistic (#38212) @oliviertassinari
<!-- 08 -->[examples] Swap Next.js examples between App Router and Pages Router; update naming convention (#38204) @samuelsycamore
<!-- 07 -->[examples][material-ui] Add Material UI + Next.js (App Router) example in JS (#38323) @samuelsycamore
<!-- 27 -->[blog] Discord announcement blog (#38258) @richbustos
<!-- 26 -->[blog] Fix 301 links to Toolpad @oliviertassinari
<!-- 04 -->[website] Updating Charts demo with real charts usage for MUI X marketing page (#38317) @richbustos
<!-- 03 -->[website] Adjust styles of the Product section on the homepage (#38366) @danilo-leal
<!-- 02 -->[website] Add Nora teamMember card to 'About' (#38358) @noraleonte
<!-- 01 -->[website] Fix image layout shift (#38326) @oliviertassinari
async
keyword from test (#38373) @ZeeshanTamboliAll contributors of this release in alphabetical order: @alisasanib, @cherniavskii, @DanailH, @danilo-leal, @iownthegame, @michaldudak, @mj12albert, @mnajdova, @noraleonte, @oliviertassinari, @richbustos, @sai6855, @samuelsycamore, @siriwatknp, @VishruthR, @yash-thakur, @zanivan, @ZeeshanTamboli
Changelog
@mui/joy@5.0.0-beta.0
Changelog
@mui/base@5.0.0-alpha.128
The component
prop is no longer supported because it can be replaced with the slots API. This is how the transformation will look like:
<Button
- component="span"
+ slots={{ root: "span" }}
/>
If using TypeScript, the custom component type should be added as a generic on the Button
component.
-<Button
+<Button<typeof CustomComponent>
slots={{ root: CustomComponent }}
customProp="foo"
/>
There is codemod that you can run in your project to do the transformation:
npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
The full documentation about the codemod can be found here.
This is the list of PR related to this change:
component
prop (#36677) @mnajdovacomponent
prop (#37028) @hbjORbj<!-- 41 -->[base] Improve API consistency (#36970) @michaldudak
Brought consistency to Base UI components and hooks' parameters and return values:
<slot_name>Ref
, which matches the get<slot_name>Props
in the return value.React.RefCallback
as using the more general React.Ref
caused variance issues.React.Ref<Element>
back to top
(#37011) @PunitSoniMEuseFormControl
return values from demos page (#37036) @ZeeshanTamboliSwitchUnstyled
(#36720) @varunmulay22InputUnstyled
(#36724) @varunmulay22SliderUnstyled
(#36721) @varunmulay22Snackbar
(#36719) @varunmulay22SelectUnstyled
(#36718) @varunmulay22All contributors of this release in alphabetical order: @cherniavskii, @DavidBoyer11, @hbjORbj, @jakub-stastny, @joserodolfofreitas, @maxdestors, @michaldudak, @mj12albert, @mnajdova, @navedqb, @nicolas-ot, @oliviertassinari, @PunitSoniME, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli
Changelog
@mui/base@5.0.0-alpha.127
<!-- 27 -->[base] Remove unstyled suffix from Base components + Codemod script (#36873) @hbjORbj
The Unstyled
suffix has been removed from all Base UI component names, including names of types and other related identifiers.
You can use this codemod to help with the migration:
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
component
prop codemod script (#36952) @hbjORbjcomponent
prop from components (#36831) @hbjORbjChangelog
@mui/base@5.0.0-alpha.126
MenuUnstyledContext
is replaced by MenuProvider
. The value to pass to the provider is returned by the useMenu
hook.onClose
prop is replaced by onOpenChange
. It has the open
parameter and is called when a menu is opened or closedSelectUnstyledContext
is replaced by SelectProvider
. The value to pass to the provider is returned by the useSelect
hook.SelectUnstyled
's popup is permanently mounted.defaultOpen
prop was added to the SelectUnstyled. The open/close state can now be controlled or uncontrolled, as a value
.TabsContext
is replaced by TabsProvider
. The value to pass to the provider is returned by the useTabs
hook.null
to Tabs' value
prop, instead of false
. This is consistent with how Select works.value
prop is still technically not mandatory on TabUnstyled and TabPanel, but when omitted, the contents of the selected tab panel will not be rendered during SSR.Changelog
@mui/base@5.0.0-alpha.125
ownerState
with ownerState
from props (#36599) @hbjORbjChangelog
@mui/lab@5.0.0-alpha.124
theme.applyDarkStyles
for the rest of the docs (#36161) @siriwatknpshouldSkipGeneratingVar
usage (#36581) @siriwatknpAll contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden
Changelog
@mui/base@5.0.0-alpha.122
autoSelect
prop description (#36280) @sai6855actions
type in slotProps
(#36458) @sai6855