React JS – Mantine UI – Error notification Code with Icon

Display error notifications with icon, title, and error message in your React JS App using Mantine ui notifications. Sample Mantine UI error notification code with cross icon and error message.

import { IconX } from "@tabler/icons-react";
import { notifications } from "@mantine/notifications";{
      id: 'load-data',
      color: 'red',
      title: 'Error',
      message: 'Failed Loading teams!',
      icon: <IconX size="1rem" />,
      autoClose: 3000,

About the Author: smartcoder

You might like

Leave a Reply

Your email address will not be published. Required fields are marked *