# Rendering Changes in 23.0.0 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](https://www.telerik.com/design-system/docs/themes/release-notes/breaking-changes/v13-0-0/). ### 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