Materialย UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MIT License
Published by oliviertassinari almost 8 years ago
A big thanks to the 20 contributors who are making this release possible.
We are releasing sooner than we use to for this special day ๐๐.
17 contributors are making that last release of the year possible.
2016 has been an exceptional year for Material-UI.
That wouldn't have been possible without this awesome community.
Thank you!
But this's just the beginning, some exciting stuffs are coming with 2017 โจ.
You can preview a very early version of the next branch following that link.
svg-icons
sub module (#5774)Published by hai-cea almost 8 years ago
This is another release improving the stability of v0.16.x
.
Published by hai-cea almost 8 years ago
v15.0.0
(417913e41fbc3366c6997258263270c6d7465c1a)Published by hai-cea almost 8 years ago
This release is intended to solve an issue with react-tap-event-plugin
following the release of React v15.4.0
.
react-tap-event-plugin@^2.0.0
for react@^15.4.0
(#5572)Published by hai-cea almost 8 years ago
This is another release improving the stability of v0.16.x
while we are working on get next
out of the door.
anchorEl
(#5444)autoOk
closing the dialog too early (#5511)string
to node
(#5474)Published by hai-cea about 8 years ago
This is a small release improving the stability of v0.16.x
.
selected
initial value check to account for falsy value (#5342)Published by hai-cea about 8 years ago
This release contains a ton of bug fixes and small improvements ๐ฅ.
We have shifted goals for v0.16.0
.
Across a number of issues over the last ~5 months we have been telling people that certain improvements are coming in v0.16.0
ranging from performance to component API issues and more.
Those improvements are coming with the next
branch โจ.
We are switching in goal so we can release changes more often.
Regarding going forward, this is likely to be the last minor
release using the inline-style approach.
We are migrating all the components to a CSS-in-JS approach on the next
branch.
For more details, you can have a look a the next milestone as well as the next project
โ ๏ธ New features based on the master
branch (inline-style) have low priority and will most likely not be reviewed nor merged.
Published by hai-cea about 8 years ago
Published by hai-cea about 8 years ago
We have shifted goals for v0.16.0
.
Across a number of issues over the last ~5 months we have been telling people that certain improvements are coming in v0.16.0
ranging from performance to component API issues and more.
Those improvement are coming with the next
branch.
We are switching in goal so we can release changes more often.
size
attribute now means the outer diameter in pixels. Line thickness is variable and should be defined via the thickness
attribute. Default margins are eliminated. If you'd like to upgrade your existing app without changing the actual sizes of your CircularProgress
components, here are the formulas:newSize = 59.5 * oldSize;
thickness = 3.5 * oldSize;
margin = (oldSize < 0.71) ?
((50 - 59.5 * oldSize) / 2) :
(5.25 * oldSize);
Examples:
// Before:
<CircularProgress />
<CircularProgress size={2} />
// After:
<CircularProgress size={59.5} style={{margin: 5.25}} /> // Thickness is 3.5 by default
<CircularProgress size={119} thickness={7} style={{margin: 10.5}} />
(#4705)
propTypes
definitions so they can be removed in production (#4872)Published by hai-cea about 8 years ago
stage-1
dependencies of the examples (#4877)This release is mostly about bug fixes. All the new warnings introduced by React
v15.2.1 and v15.3.0 should be addressed in this version.
labelColor
being passed (#4766)During the release of 0.15.1 something went terribly wrong ๐
and some
commits were left out even though they were mentioned in the changelog. This release
includes the missing commits and some extra.
v15.2.0
(#4603, #4605, #4607)cursor:not-allowed
style when disabled (#4170)Our support for IE and Safari improved in this release.
Thanks @vizath, @hhaida, @nathanmarks and @aahan96 for their effort.
fullWidth
regression (#4479)Published by alitaheri over 8 years ago
img
instead of div
(#4365)className
prop is now set on the root element instead of being passed down (#4250)copy-webpack-plugin
for dev (#4201)iconStyleLeft
prop (#4266)weekTitleDayStyle
(#4464)color
property (#4025)fullWidth
regression (#4479)floatingLabelFixed
prop (#4392)StepButton
event handlers (#4203)floatingLabelText
intercepting click events (#4418)Published by alitaheri over 8 years ago
Please read through the alpha and beta releases of 0.15.0 too as their changes are not listed here.
withWidth
HOC (#4126)jsx-first-prop-new-line
(#4112)react/prefer-es6-class
(#4126)containerStyle
prop (#4085)padding
and paddingTop
(#4082)floatingLabelFocusStyle
property (#4043)withWidth
HOC (#4126)The items in this section are just a summary of breaking changes introduced in the alpha and beta releases, not in this particular release, but if you are coming from 0.14.4, you should read this section.
It is recommended that you also read through all the releases after 0.14.4.
0.14.x
. (#3108)getStyles
functions from the components (#3351)index.js
.window-listenable
mixin (#3334)context-pure
mixin (#3331)click-awayable
mixin (#3360)key-code
util (#3371)rootClass
with containerElement
(#3783) (rootClass
was broken before this change)valueLink
(#3699)className
is now set on the root element (#2310)className
is now set on the root element (#3122)className
and style
are now set on the root element (#3322)Published by hai-cea over 8 years ago
jsconfig.json
- VSCode config file (#4011)error
, hint
, floatingLabel
property validators to PropTypes.node
(#4019)valueLink
property (#3936)Published by alitaheri over 8 years ago
This release is compatible with React 15. You should update to this version if you need it.
This release changes how components are imported. You will need to update every import statement from (for example):
import RaisedButton from 'material-ui/lib/raised-button';
import Tabs from 'material-ui/tabs/tabs';
import Tab from 'material-ui/tabs/tab';
to:
import RaisedButton from 'material-ui/RaisedButton';
import {Tabs, Tab} from 'material-ui/Tabs';
The exact import statement for each component can be found in the examples in their respective documentation page.
Have a ton of imports? Almost had a heart attack? Worry not, we also made a tool to ease your pain.
Check out the README.
As of this release, you will need to provide a theme on context, see:
Themes.
index.js
.If you are importing the entire library, you will probably need to change:
import Mui from 'material-ui';
to:
import * as Mui from 'material-ui';
(Although we discourage you from using this library like that unless you also use tree-shaking to remove redundant code.)
rootClass
with containerElement
(#3783) (rootClass
was broken before this change)material-ui-codemod
package (#3782)jsx-handler-names
(#3408)spaced-comment
(#3910)onKeyDown
property (#3853)grey400
to grey600
(#3938)TypeError
when tabbing onto button (#3897)Published by alitaheri over 8 years ago
.default
to your requires (#3648):- const MUI = require('material-ui');
+ const MUI = require('material-ui').default;
If you used ES modules, youโre already all good:
import MUI from 'material-ui'; // no changes here :D
valueLink
(#3699)package.json
to prevent building the lib
after install (#3632)MenuItem
, Table
and Tabs
in docs (#3589)Card
subcomponent properties (#3621)EnhancedButton
unit test and tweak karma config (#3512)FlatButton
unit test (#3541)Divider
unit test (#3527)Paper
unit tests (#3528)Slider
unit tests (#3688)operator-linebreak
(#3516)no-multiple-empty-lines
(#3516)@ignore
before comment (#3611)dataSource
(#3662)openOnFocus
and item click (#3669)canAutoPosition
to false
for Popover
(#3620)title
from injected node attributes (to avoid native tooltip) (#3534)onKeyboardFocus
being called with nullified event object (#3616)disableTouchRipple
(#3659)anchorEl
when using prop 'open' (#3666)<noscript/>
(#3647)backgroundColor
prop which was previously ignored (#3515)style
prop being ignored (#3608)floatingLabelFixed
property (#3646)shouldComponentUpdate
function (#3673)defaultValue
overlays floatingLabelText
on mount (#3450)wordings
with cancelLabel
and okLabel
(#3412)Published by hai-cea over 8 years ago
This release includes huge improvements to the implementation of components and utility modules. The most important improvement is the removal of mixins from the library, thanks to the great efforts of @newoga ๐
There are also improvements to the unit testing infrastructure. We own this great improvement to @nathanmarks, thanks a lot ๐.
Please note that raw-themes
are deprecated with no warning! they will be removed from the code with the 0.16.0 release.
0.14.x
. (#3108)getStyles
functions from the components (#3351)window-listenable
mixin (#3334)context-pure
mixin (#3331)click-awayable
mixin (#3360)key-code
util (#3371)className
is now set on the root element (#2310)className
is now set on the root element (#3122)className
and style
are now set on the root element (#3322)import Colors from 'material-ui/lib/styles/colors';
to import * as Colors from 'material-ui/lib/styles/colors';
.window-listenable
mixin from components (#3305) (Thanks to @newoga)isMounted()
(#3437)arrow-parens
(#3207)prefer-template
(#3208, #3242)no-unneeded-ternary
(#3320)prefer-const
(#3315)jsx-space-before-closing
(#3397)id-blacklist
and blacklist e
(#3398)padded-blocks: never
(#3493)maxSearchResults
property (#3262)firstDayOfWeek
(#3417)openImmediately
regression (#3384)multiple
property of Menu (#3223)useLayerForClickAway
(#3400)
(#3283)secondaryTextColor
(#3288)_isChildSelected
child not recognising first child (#3165)onMouseEnter
and onMouseLeave
(#3481)React.createClass
(#3326)animated
(#3216)style-propable
mixin and utils/styles
(#3351)ThemeDecorator
in favor of MuiThemeProvider
(#3267)theme-manager
and raw-themes
(#3267)Published by hai-cea over 8 years ago
Related Projects
section (#3102)FlatButtons
for tabs (#3051)disabled
property (#3060)