MaterialΒ UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MIT License
Big thanks to the 22 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
Big thanks to the 22 contributors who made this release possible!
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
!important
in borderColor
prop (#16875) @rogerclotetBig thanks to the 18 contributors who made this release possible!
@material-ui/[email protected]
required
prop (#16809) @pranshuchittora@material-ui/[email protected]
(
to withStyle docs (#16816) @SneakyFish5@material-ui/pickers
(#16823) @eps1lonBig thanks to the 23 contributors who made this release possible!
Here are some highlights β¨:
π³ Introduce a new Tree View component in the (#14827) @joshwooding
This is a first step toward a feature rich tree view component.
We will keep iterate on it to add customization demos, filter, drag and drop, and checkboxes.
You can find the documentation under this URL.
π Support vertical tabs (#16628) @josephpung
You can learn more about it following this URL.
π Remove the prop-types from TypeScript demos (#16521) @merceyz
The runtime prop-types are often redundant with the static type checks.
We have removed them from the TypeScript demos.
βοΈ Add two codemods to improve the imports (#16192) @jedwards1211
If you are not familiar with codemods, check the library out. This is a tool tool to assist you with large-scale codebase refactors.
We introduce two new codemods in this release:
optimal-imports
: Material-UI supports tree shaking for modules at 1 level depth maximum.-import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
top-level-imports
: Converts all @material-ui/core submodule imports to the root module.-import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core';
π Support small switch (#16620) @darkowic
You can learn more about it following this URL.
And many more π bug fixes π improvements.
@material-ui/[email protected]
completed
class key to TypeScript definitions (#16662) @pranshuchittora@material-ui/[email protected]
@material-ui/styles@@4.3.0
@material-ui/[email protected]
Big thanks to the 25 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
inputComponent
(#16399) @eps1lon@material-ui/[email protected]
styled
components (#16379) (#16478) @akomm@material-ui/[email protected]
@material-ui/[email protected]
Big thanks to the 24 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
overrides
(#16420) @eps1lon@material-ui/[email protected]
Big thanks to the 4 contributors who made this release possible!
This is a quick release after a regression that occurred in 4.1.2.
@material-ui/[email protected]
@material-ui/[email protected]
Big thanks to the 30 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
autoFocus
TypeScript types (#16289) @BassT@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
Big thanks to the 10 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
CSS to MUI webpack Loader
(#16175) @sabrinaluoA big thanks to the 26 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 30 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 23 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
Some statistics with v4 compared to the release of v1 one year ago:
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 17 contributors who made this release possible!
We have done the very last breaking changes (nothing significant).
The release of v4 is imminent, stay tuned!
@material-ui/[email protected]
[ClickAwayListener] Fix scrollbar interaction (#15743) @Umerbhat
-<ClickAwayListener />
+<ClickAwayListener mouseEvent="onMouseUp" />
We recommend the default value since mouseup
will be triggered by clicks
on scrollbars.
[Tabs] Hide scrollbar buttons when possible (#15676) @whitneymarkov
-<Tabs />
+<Tabs scrollButtons="desktop" />
[Tabs] Remove deprecated fullWidth and scrollable props (#15670) @mbrookes
-<Tabs fullWidth scrollable />
+<Tabs variant="scrollable" />
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 13 contributors who made this release possible!
This is a stability release preparing v4.
@material-ui/[email protected]
component
prop (#15627) @eps1lon@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 19 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
A big thanks to the 21 contributors who made this release possible!
Here are some highlights β¨:
The library has entered the beta phase of v4.
We are grateful to all the contributors that have helped us so far.
We will focus or effort on the stability of the library for the next two weeks.
We don't plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts.
We hope we can release v4 on May 15th, one year after v1.
Please try the beta out! You can find an upgrade guide to ease the transition.
You will learn more about v4 in the final release blog post and our plans for the future.
@material-ui/[email protected]
[styles] Generate global class names (#15140) @oliviertassinari
Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).
[Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari
Remove the classes customization API for the Modal component.
[core] Remove RootRef usage (#15347) @joshwooding
The Modal and Dialog child needs to be able to hold a ref.
class Component extends React.Component {
render() {
return <div />
}
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Modal><Component /></Modal>
<Modal><MyComponent /></Modal>
<Modal><div /></Modal>
[ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari
[Slide] Convert to function component (#15344) @joshwooding
The child needs to be able to hold a ref.
class Component extends React.Component {
render() {
return <div />
}
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Slide><Component /></Slide>
<Slide><MyComponent /></Slide>
<Slide><div /></Slide>
@material-ui/[email protected]
A big thanks to the 27 contributors who made this release possible!
Here are some highlights β¨:
We hope the next release can be 4.0.0-beta.0.
Here are the last breaking changes we want to introduce:
dangerouslyUseGlobalCSS
option (make it the default behavior) (#15140)We have done a lot of changes in the alpha phase.
The beta phase will be used to stabilize the library, we might have introduced bugs.
We will encourage people to try the beta out. We hope the migration will be smooth with the upgrade guide.
We hope 2-3 weeks of beta will be enough. We plan on releasing v4 stable in May.
@material-ui/[email protected]
[Paper] Reduce the default elevation (#15243) @oliviertassinari
Change the default Paper elevation to match the Card and the Expansion Panel:
-<Paper />
+<Paper elevation={2} />
[List] Update to match the specification (#15339) @oliviertassinari
Rework the list components to match the specification:
ListItemAvatar
component is required when using an avatarListItemIcon
component is required when using a left checkboxedge
property should be set on the icon buttons.[actions] Rename disableActionSpacing to disableSpacing (#15355) @oliviertassinari
disableActionSpacing
prop disableSpacing
.disableActionSpacing
CSS class.action
CSS class spacing
.disableActionSpacing
prop disableSpacing
.action
CSS class spacing
.action
CSS class spacing
.[Tooltip] Convert to function component (#15291) @joshwooding
Tooltip
needs to be able to hold a refclass Component extends React.Component {
render() {
return <div />
}
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Tooltip><Component /></Tooltip>
<Tooltip><MyComponent /></Tooltip>
<Tooltip><div /></Tooltip>
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
strict
option to createMount (#15317) @eps1lonA big thanks to the 24 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
[Switch][Radio][Checkbox] Improve specification compliance (#15097) @oliviertassinari
Refactore the implementation to make it easier to override the styles.
Rename the class names to match the specification wording:
-icon
-bar
+thumb
+track
[Snackbar] Match the new specification (#15122) @oliviertassinari
Slide
to Grow
.[TextField] Fix height inconsistency (#15217) @gautam-relayr
Remove the inputType
class from InputBase
.
@material-ui/[email protected]
type
type of button related components (#15158) @eps1lonA big thanks to the 20 contributors who made this release possible!
Here are some highlights β¨:
@material-ui/[email protected]
[Typography] Better defaults (#15100) @oliviertassinari
body2
to body1
.color="default"
to color="initial"
following the logic of #13028.[Container] Move to the core (#15062) @oliviertassinari
@material-ui/[email protected]
@material-ui/[email protected]