MessageStatus
Premium

Updated on Feb 5, 2026

Configuration for message status display with optional icon.

Name Type Default Description

Name	Type	Description
icon?	`string`	Sets the name of a font icon from the Kendo UI theme for the message status. tsx `const message: Message = { status: { text: 'Seen', icon: 'k-icon k-font-icon k-i-loading' } };`
svgIcon?	`SVGIcon`	Sets an SVG icon to display inside the message status. tsx `import { eyeIcon } from '@progress/kendo-svg-icons'; const message: Message = { status: { text: 'Seen', svgIcon: eyeIcon } };`
text?	`string`	Sets the text for the message status. tsx `const message: Message = { status: { text: 'Seen' } };`


string

Sets the name of a font icon from the Kendo UI theme for the message status.

tsx

const message: Message = {
  status: { text: 'Seen', icon: 'k-icon k-font-icon k-i-loading' }
};


SVGIcon

Sets an SVG icon to display inside the message status.

tsx

import { eyeIcon } from '@progress/kendo-svg-icons';

const message: Message = {
  status: { text: 'Seen', svgIcon: eyeIcon }
};


string

Sets the text for the message status.

tsx

const message: Message = {
  status: { text: 'Seen' }
};

MessageStatusPremium