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";

    notifications.show({
      id: 'load-data',
      color: 'red',
      title: 'Error',
      message: 'Failed Loading teams!',
      icon: <IconX size="1rem" />,
      autoClose: 3000,
    });