Mantine UI – Notification with loader and update

Notify data update with notification – Mantine UI loader and then success or failure message notification with icons.

Mantine Notification Loader icon and success icon.

import { IconCheck } from "@tabler/icons-react";
import { notifications } from "@mantine/notifications";{
        id: 'load-data',
        loading: true,
        title: 'Updating role..',
        message: `Hold on, your changes are getting updated...`,
        autoClose: false,
        withCloseButton: false,
        id: 'load-data',
        color: 'teal',
        title: 'Success',
        message: 'Member Role Updated Successfully!',
        icon: <IconCheck size="1rem" />,
        autoClose: 2000,

About the Author: smartcoder

You might like

Leave a Reply

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