Comments (5)
@czelusniakdawid You can do so by overriding classes. see material-ui docs for more info.
example: https://codesandbox.io/s/3qr4owqnmq
const styles = {
base: {
fontSize: 33,
},
};
const App = ({ classes }) => (
<SnackbarProvider
maxSnack={3}
classes={{
base: classes.base,
}}
>
<MessageButtons />
</SnackbarProvider>
);
from notistack.
Is there a way to do this on the SnackbarProvider
-component directly?
Something like:
<SnackbarProvider
maxSnack={3}
classes={{
base: { fontSize: 33 }
}}
>
from notistack.
@elitan Classes prop only accepts string values (i.e. name of the class) and not objects.
from notistack.
@elitan Classes prop only accepts string values (i.e. name of the class) and not objects.
I am not sure how that relates to my question.
from notistack.
Meaning that value for the key base
(in your example), must be a string, while you are passing an object.
<SnackbarProvider
maxSnack={3}
classes={{
base: { fontSize: 33 } // <-- object ❌
base: 'name-of-the-class' // <-- string ✅
}}
>
code example: https://codesandbox.io/s/2014qr4vvn
from notistack.
Related Issues (20)
- Pass additional prop(s) using SnackbarProvider HOT 1
- NextJs server component support - enqueueSnackbar is not a function (missing "use client" directive) HOT 1
- Feature Request
- Can we use the existing snackbar to use the notistack
- Styles not applied when rendering in custom element with shadow dom HOT 2
- domRoot is ineffective HOT 2
- [help] How can I make new snackbar always appears at the start position instead of at the rear? HOT 2
- Document has multiple elements referenced with ARIA with the same id attribute: notistack-snackbar
- autoHideDuration values not respected in Chrome 116.0.5845.179 HOT 2
- Feature request: option to bypass `maxSnack` HOT 2
- Question is it possible to identify if there is snack on the screen
- JS Example for Custom Notistack HOT 1
- Feature request: compiled react / pure JS documentation
- How to trigger "close Snack bar" from custom snack bar component. HOT 3
- Update clsx version
- snackbar id value appears on the screen
- Impossible to tell if user intentionally closed a notification
- Type issue when extending SnackbarProvider Components with custom component HOT 6
- The global settings on the provider doesn't work HOT 4
- [Documentation] Update custom snackbar component example HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from notistack.