Alert

import React from 'react';
import { Alert, Text } from '@mantine/core';

function Demo() {
  return (
    <Alert
      color="red"
      title="Something went wrong"
      icon={<XCircleFillIcon size={16} />}
      withCloseButton
      closeButtonLabel="Dismiss"
    >
      Application crashed, try refreshing the page,
      if it does not help please contact our support

      <br /><br />

      Error message:
      <Text color="red" size="sm">
        undefined is not a function
      </Text>
    </Alert>
  );
}

<Alert color="red" title="Something went wrong">
  Application crashed, please contact out support via email
</Alert>

<Alert color="red">
  Application crashed, please contact out support via email
</Alert>

<Alert icon={<XCircleFillIcon size={16} />} title="Bummer!" color="red">
  Something terrible happened! You made a mistake and there is no going back, your data was lost forever!
</Alert>