Module @croz/nrich-notification-mui

@croz/nrich-notification-mui

Overview

@croz/nrich-notification-mui is a MUI wrapper for the @croz/nrich-notification-core module. For the display of the notifications a Snackbar and Alert are used.

Setup

To use this module in your project run npm install @croz/nrich-notification-mui or yarn add @croz/nrich-notification-mui

Usage

  1. Add Notifications component on a part of your app, usually on App or some other higher level component.
import { Notifications } from "@croz/nrich-notification-mui";

const App = () => {
return (
<div>
<Notifications autoClose={3000} position="top-right"/>
{/* other components... */}
</div>
)
}

Available props for the Notifications component are:

Prop name Description Possible values Default value
autoClose The duration after which the notification closes
expressed in milliseconds. If left undefined, it doesn't close.
number in milliseconds, or undefined undefined
position Specifies the notification position on the page,
derived from a set of predefined positions available in MUI
top-left, top-center, top-right,
bottom-left, bottom-center, bottom-right
bottom-right

Index

Interfaces

Type Aliases

Functions

Generated using TypeDoc