Notify

1
() => {
2
  const trigger = () => notify('Here is your Info.');
3
  const triggerSuccess = () => notify.success('Here is your success message.');
4
  const triggerError = () => notify.error('Here is your error message.');
5
  const triggerLoading = () => notify.loading('Here is your error message.');
6
  return (
7
    <div>
8
      <Group>
9
        <Button onClick={trigger}>Blank</Button>
10
        <Button onClick={triggerSuccess}>Success</Button>
11
        <Button onClick={triggerError}>Error</Button>
12
        <Button onClick={triggerLoading}>Loading</Button>
13
      </Group>
14
      <Notify position="top-right" />
15
    </div>
16
  );
17
}

1
() => {
2
  const trigger = () =>
3
    notify.success(
4
      'Here is your toast.Here is your toast.Here is your toast.Here is your toast.Here is your toast.Here is your toast.Here is your toast.'
5
    );
6
  return (
7
    <div>
8
      <Button onClick={trigger}>Make me a toast</Button>
9
      <Notify position="top-right" />
10
    </div>
11
  );
12
}

1
() => {
2
  let notifyId;
3
  const trigger = () => {
4
    notifyId = notify.loading('uploading...');
5
  };
6

7
  const update = () => {
8
    notify.success('upload success !', { id: notifyId });
9
  };
10

11
  return (
12
    <div>
13
      <Group>
14
        <Button onClick={trigger}>Make me a notify</Button>
15
        <Button onClick={update}>Update the notify</Button>
16
      </Group>
17
      <Notify position="top-right" />
18
    </div>
19
  );
20
}