@snackstack/mui
A Material UI adapter for @snackstack/core
Installation
To install @mui/material
, follow their installation guide.
⚠️ Note: Only@mui/material
v5 or later is supported.
To install the latest stable version with npm, run the following command:
npm install @snackstack/core @snackstack/mui
Or if you're using yarn:
yarn add @snackstack/core @snackstack/mui
Setup
Make sure you have setup the SnackProvider
component as shown in the Get started section of the documentation.
Then you just need to import the MuiSnack
component and pass it as the value for the Component
property on the SnackStack component.
import React from 'react';
import ReactDOM from 'react-dom/client';
import { SnackProvider, SnackStack, SnackManager } from '@snackstack/core';
+ import { MuiSnack } from '@snackstack/mui';
const snackManager = new SnackManager({ maxSnacks: 7 });
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
root.render(
<React.StrictMode>
<SnackProvider manager={snackManager}>
<App />
+ <SnackStack Component={MuiSnack} />
</SnackProvider>
</React.StrictMode>