New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
notistack
Advanced tools
notistack - npm Package Versions
Changelog
notistack@1.0.0
August 22, 2020
- Drop
SnackbarContentcomponent andContentPropsprops #297
Breaking Changes
classNameprop is now used to customise styles applied to the content of snackbar (e.g. backgroundColor).- If you were using
classNameto apply styles toSnackbarcomponent, you should now do so usingclasses.root.
<SnackbarProvider
- className={classes.snackbar}
+ classes={{
+ root: classes.snackbar
+ }}
>
ContentPropsprop is not supported anymore. Here are alternative ways to pass the same data to snackbar component. For any other scenario, you should pass you own custom content.
<SnackbarProvider
- ContentProps={{
- action: () => <button>dismiss</button>,
- 'aria-describedby': 'some-value',
- }}
+ action={() => <button>dismiss</button>}
+ ariaAttributes={{
+ 'aria-describedby': 'some-value'
+ }}
>
- If you have customised
MuiSnackbarContentthrough Material-UIthemeobject, these changes won't automatically reflect within notistack. You can however, useclassNameprop to apply your customisations.
const theme = createMuiTheme({
overrides: {
// no effect within notistack
MuiSnackbarContent: {
root: {
fontSize: '1rem',
},
},
},
});