---
title: "Messages Module"
description: "The Jodit messages module that displays error, info, success and other variant notifications inside the editor with optional auto-hide timeouts."
metadata:
  - name: keywords
    content: "jodit, messages, notifications, alerts, info message, success message, editor message"
---
# Show info messages

Allow showing information messages inside the editor:

```js
const editor = Jodit.make('#editor');

editor.message.error('Hellow world!');
editor.message.info('Hellow world!');
editor.message.success('Hellow world!', 3000); // Show 3 seconds
editor.message.message('Hellow world!', 'error'); // or 'danger'
editor.message.message('Hellow world!', 'info'); // or 'primary'
editor.message.message('Hellow world!', 'secondary');
editor.message.message('Hellow world!', 'success', 3000); // Show 3 seconds
```

If you want to override the appearance of popup messages, you can use the following css template:

```css
.jodit-ui-message_variant_secondary {
  --em-alert-color: #41464b;
  --em-alert-bg: #e2e3e5;
  --em-alert-border-color: #d3d6d8;
}
```

Where `variant_secondary` can be replaced with:

- `variant_error` or `type_danger`
- `variant_info` or `type_primary`
- `variant_success`


## Classes

- [UIMessage](../classes/messages.UIMessage.html)
- [UIMessages](../classes/messages.UIMessages.html)