#ctx.notification

Based on Ant Design Notification, this global notification API is used to display notification panels in the top-right corner of the page. Compared to ctx.message, notifications can include a title and description, making them suitable for content that needs to be displayed for a longer period or requires user attention.

#Use Cases

#Type Definition

notification: NotificationInstance;

NotificationInstance is the Ant Design notification interface, providing the following methods.

#Common Methods

Configuration Parameters (Consistent with Ant Design notification):

#Examples

#Basic Usage

ctx.notification.open({
  message: 'Operation successful',
  description: 'Data has been saved to the server.',
});

#Shortcut Calls by Type

ctx.notification.success({
  message: ctx.t('Export completed'),
  description: ctx.t('Exported {{count}} records', { count: 10 }),
});

ctx.notification.error({
  message: ctx.t('Export failed'),
  description: ctx.t('Please check the console for details'),
});

ctx.notification.warning({
  message: ctx.t('Warning'),
  description: ctx.t('Some data may be incomplete'),
});

#Custom Duration and Key

ctx.notification.open({
  key: 'task-123',
  message: ctx.t('Task in progress'),
  description: ctx.t('Please wait...'),
  duration: 0,  // Do not auto-close
});

// Manually close after task completion
ctx.notification.destroy('task-123');

#Close All Notifications

ctx.notification.destroy();

#Difference from ctx.message

#Related

• ctx.message - Top light hint, suitable for quick feedback
• ctx.modal - Modal confirmation, blocking interaction
• ctx.t() - Internationalization, often used in conjunction with notifications