4.6.0 Rendering Changes article (#1672)

* docs(rendering-changes): add the 4.6.0 rendering changes article

* docs(rendering-changes): fix the wrong initial commit

* docs(rendering-changes): improvements

* docs(460): fixes per feedback

Author: svdimitr

upgrade/rendering-changes/4-6-0.md

@@ -0,0 +1,71 @@
+---
+title: 4.6.0
+description: Handle the rendering changes in the 4.6.0 release of the Telerik UI for Blazor components.
+page_title: Rendering Changes in the 4.6.0 Release
+slug: changes-in-4-6-0
+position: 1
+---
+
+# Rendering Changes in 4.6.0
+
+* [Icons](#icons)
+* [Carousel](#carousel)
+* [Filter](#filter)
+* [Form](#form)
+
+## Icons
+
+### Font Icons
+
+The font icons are detached from the Kendo UI Themes distribution. Read the [Font Icons do not render in Telerik UI for Blazor 4.6]({%slug icon-kb-font-icons-not-rendering%}) to see how to use Font icons in your application after the 4.6.0 Telerik UI for Blazor release. 
+
+### Changes in Icon Rendering
+
+The CSS classes applied to the built-in Font and SVG icons will be unified to include the `k-icon` CSS class.
+
+<table>
+    <thead>
+        <tr>
+            <th>UI for Blazor 4.5.0</th>
+            <th>UI for Blazor 4.6.0</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td style="vertical-align:top">
+<pre><code>
+&lt;span class="k-icon k-i-home"&gt;&lt;/span&gt;
+&lt;span class="k-svg-icon k-svg-i-home"&gt;&lt;/span&gt;
+</code></pre>
+            </td>
+            <td style="vertical-align:top">
+<pre><code>
+&lt;span class="k-icon k-font-icon k-i-home"&gt;&lt;/span&gt;
+&lt;span class="k-icon k-svg-icon k-svg-i-home"&gt;&lt;/span&gt;
+</code></pre>
+            </td>
+        </tr>
+    </tbody>
+</table>
+
+## Carousel
+
+* Added the `k-scrollview-animate` CSS class to the `<div class="k-scrollview-wrap">` element.
+* Replaced the `<a class="k-scrollview-prev">` and `<a class="k-scrollview-next">` with `<span class="k-scrollview-prev">` and `<span class="k-scrollview-next">`.
+
+## Filter
+
+* Removed the `k-filter-toolbar-item` CSS class from the `<div class="k-toolbar-item">` element.
+
+## Form
+
+* Added the `k-form-label` CSS class to the `<label class="k-label">` element.
+* Added the `<div class="k-form-field-wrap">` that wraps the editors in the Form regardless of the Form Orientation.
+* Removed the `k-form-vertical` CSS class from the `<div class="k-form k-form-md">` element.
+* Replaced the `<label class="k-label k-form-label k-label-empty"></label>` element with `<span class="k-label k-form-label k-label-empty"></span>` when the `<FormItem LabelText=""></FormItem>`.
+
+
+
+## See Also
+
+* [Best Practices for Styling Telerik UI for Blazor Components]({%slug good-styling-practices%})