SnackBars displays short messages for users to know about the state of a particular process.
SnackBars
SnackBars are good for displaying simple messages to the user
| Prop | Description | Value(s) |
|---|---|---|
| `position` | To select a position for your SnackBar | `default, top-right, top-left, bottom-right` |
| `message` | It contains the message of the SnackBar | `<string>` |
| `animation` | Is used to create an animation effect on the SnackBar | `SlideBottom | ScaleUp | SlideTop | Opacity | SlideRight | SlideLeft` |
| `duration` | Set the duration for your animation effect | `time(sec)` |
#
Bottom Left SnackBar
Simple Bottom left SnackBar with slide animation which goes off after 2sec
React / Next.js Show Source Code
#
Bottom Right SnackBar
Simple Bottom Right SnackBar with scale up animation which goes off after 2sec
React / Next.js Show Source Code