Rendering Changes in 14.0.0

Updated on Feb 10, 2026

The KendoReact 14.0.0 release introduces changes in the rendering of several components.

Chat

• The header component has been updated from AppBar to Toolbar. The following AppBar-related classes have been removed: .k-appbar, .k-appbar-top, .k-appbar-sticky, .k-appbar-inherit.
• Pinned messages are now rendered inside .k-message-list instead of outside it in .k-chat.
• A new .k-message-info wrapper element has been introduced that wraps .k-message-time and .k-message-status.
• Custom message statuses are now nested inside .k-message-status.
• The default .k-svg-i-check-circle icon element has been removed from message status.
• File-related classes have been renamed: ul.k-chat-file-wrapper → ul.k-file-box-wrapper, .k-chat-files-wrap → .k-files-wrap, li.k-chat-file → li.k-file-box, .k-chat-file-info → .k-file-info, .k-chat-file-name → .k-file-name, .k-chat-file-size → .k-file-size.
• Removed classes: .k-chat-files-horizontal, .k-chat-send.
• A new .k-files-scroll wrapper element has been introduced wrapping li.k-file-box elements in both message files and the textarea/promptbox.
• Download file action icon changed from .k-svg-i-download to .k-svg-i-download-light.
• Download All button (.k-chat-download-button) icon changed from .k-svg-i-download to .k-svg-i-download-light and size changed from .k-button-md to .k-button-sm.
• Pinned message pin icon changed from .k-svg-i-pin.k-icon-xl to .k-svg-i-pin-outline.
• Close button icons changed from .k-svg-i-x to .k-svg-i-x-mark-sm-outline for pinned messages, reply box, and file remove actions.
• A new .k-suggestions-scroll wrapper element has been added for quick actions and suggestions, wrapping span.k-suggestion elements.
• Quick actions and suggestions scroll buttons changed from .k-button-md.k-button-solid to .k-button-sm.k-button-flat.
• For pinned messages from the sender, the class changed from .k-message-reference-receiver to .k-message-reference-sender.
• The Chat textarea has been replaced with the PromptBox component, affecting all elements previously nested under .k-message-box-wrapper.

Chip

• Removed the .k-avatar-md, .k-avatar-solid, and .k-avatar-solid-primary classes from the Chip avatar wrapper.
• The Chip avatar wrapper now renders the .k-rounded-* class only when avatar.rounded is set.

FloatingActionButton

• Removed the .k-fab-solid class from the root element.
• Replaced .k-fab-solid-{themeColor} class with .k-fab-{themeColor}.

TreeView

• Moved the .k-focus, .k-selected and .k-disabled state classes from .k-treeview-leaf to the .k-treeview-item-content wrapper element.
• Replaced the .k-treeview-{position} position-specific class with .k-treeview-item-content.
• Replaced the caretAltDownIcon with chevronDownIcon.
• Replaced the caretAltLeftIcon with chevronLeftIcon.
• Replaced the caretAltRightIcon with chevronRightIcon.
• Removed the .k-rounded-md class from checkbox elements.