Rendering Changes in 23.0.0

Updated on Feb 17, 2026

The Kendo UI for Angular 23.0.0 release introduces changes in the rendering of several components.

Chat

• Replaced the TextArea in the Message Box with the PromptBox component.
• Replaced k-chat-file-info class with k-file-info.
• Replaced k-chat-file-name class with k-file-name.
• Replaced k-chat-file-size class with k-file-size.
• Replaced AppBar that was previously used in the header with a div element with k-toolbar class.
• Moved k-message-pinned element to be an immediate child of the k-message-list element.
• Replaced k-chat-file class with k-file-box.
• Moved k-message-time to be rendered beneath the k-chat-bubble in a wrapper element with k-message-info class.
• Changed the scrollable buttons of the suggestions and quick actions to size small and flat fill mode.

Calendar

• Removed k-active class from the focused cell.

Scheduler

• Removed k-selected class from the show business hours / full day button.

TreeView

• Replaced k-treeview-top, k-treeview-mid, and k-treeview-bot (position-based classes) with k-treeview-item-content.
• Moved k-hover, k-focus, k-selected, and k-disabled (state classes) to be applied to k-treeview-item-content instead of k-treeview-leaf.

Component Styling and Theming

The Kendo UI for Angular 23.0.0 release introduces breaking changes to component option classes to improve customization flexibility and enable theme-specific defaults.

Component option classes (size, rounded, fillMode, and themeColor) are no longer rendered in the component HTML when they match the default values. Instead, the themes control default options through SCSS variables such as $kendo-button-default-size, $kendo-button-default-fill-mode, $kendo-button-default-rounded, and $kendo-button-default-theme-color. This approach allows different themes to define their own defaults and enables easier customization.

For more information about the theme-level changes, see Kendo Themes v13.0.0 Breaking Changes.

What Changed

• Removed default option classes from component rendering (e.g., k-button-md, k-rounded-md, k-button-solid).
• Default option styles are now applied directly to the main component class.
• Theme color classes are now separate from fill mode classes (e.g., k-button-solid k-button-primary instead of k-button-solid-primary).
• Each theme can define its own default options through SCSS variables.

The breaking changes impact the component options as follows:

• Size—Controls component dimensions (sm, md, lg). The none value was removed.
• Rounded—Controls border radius (none, sm, md, lg, full).
• Fill Mode—Controls background fill style (solid, outline, flat, link, clear). The none value was removed.
• Theme Color—Controls color scheme (primary, secondary, tertiary, info, success, warning, error, and others). The none value was removed.

Affected Components

The following table shows which components are affected by the fillMode, size, rounded, and themeColor changes:

Component	fillMode	size	rounded	themeColor
AutoComplete				N/A
Avatar
Badge
BottomNav		N/A	N/A
Button
ButtonGroup		N/A	N/A	N/A
Chip
ChipList	N/A		N/A	N/A
ColorPicker				N/A
ColorGradient	N/A		N/A	N/A
ColorPalette	N/A		N/A	N/A
ComboBox				N/A
DateInput				N/A
DatePicker				N/A
DateRangePicker				N/A
DateTimePicker				N/A
MultiColumnComboBox				N/A
DropDownList				N/A
DropDownButton
DropDownTree				N/A
FAB
MaskedTextbox				N/A
MultiSelect				N/A
MultiSelectTree				N/A
NumericTextbox				N/A
OtpInput				N/A
Signature				N/A
SplitButton
SpeechToTextButton
SmartPasteButton
TextArea				N/A
Textbox				N/A
TimePicker				N/A
Toolbar			N/A	N/A
Window	N/A	N/A	N/A
AppBar	N/A	N/A	N/A
Dialog	N/A	N/A	N/A
Icon	N/A		N/A
SVGIcon	N/A		N/A
Loader	N/A		N/A
BreadCrumb	N/A		N/A	N/A
Checkbox	N/A			N/A
Radio	N/A		N/A	N/A
Form	N/A		N/A	N/A
Grid	N/A		N/A	N/A
ListBox	N/A		N/A	N/A
Pager	N/A		N/A	N/A
Switch	N/A			N/A
TabStrip	N/A		N/A	N/A
TreeView	N/A		N/A	N/A