chore(common): fix snippets

Author: ntacheva

components/multiselect/templates.md

@@ -46,7 +46,7 @@ The MultiSelect component allows you to change what is rendered in its items, he
 >caption Using MultiSelect Templates
 
 ````CSHTML
-* MultiSelect component with HeaderTemplate, ItemTemplate, TagTemplate, FooterTemplate and NoDataTemplate *@
+@* MultiSelect component with HeaderTemplate, ItemTemplate, TagTemplate, FooterTemplate and NoDataTemplate *@
 
 <p>
     <TelerikCheckBox @bind-Value="@IsDataAvailable" OnChange="@OnCheckBoxChangeHandler" />

components/notification/appearance.md

@@ -159,7 +159,7 @@ There are built-in themes for the most common notifications such as Success, Inf
 
     public void AddColoredNotifications()
     {
-        var fields = typeof(Telerik.Blazor.ThemeColors)
+        var fields = typeof(Telerik.Blazor.ThemeConstants.Button.ThemeColor)
                 .GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static |
                    System.Reflection.BindingFlags.FlattenHierarchy)
                 .Where(fi => fi.IsLiteral && !fi.IsInitOnly).ToList();
@@ -170,10 +170,10 @@ There are built-in themes for the most common notifications such as Success, Inf
             var color = currentField.GetValue(null).ToString();
 
             NotificationReference.Show(new NotificationModel()
-            {
-                Text = $"Notification with color theme - {color}",
-                ThemeColor = $"{color}"
-            });
+                {
+                    Text = $"Notification with color theme - {color}",
+                    ThemeColor = $"{color}"
+                });
         }
     }
 }

components/panelbar/overview.md

@@ -162,6 +162,7 @@ The table below lists the PanelBar methods. Also consult the [PanelBar API](/bla
 | --- | --- |
 | `Rebind` | [Refreshes the component data]({%slug panelbar-refresh-data%}#rebind-method). |
 
+<div class="skip-repl"></div>
 ````CSHTML
 <TelerikPanelBar @ref="@PanelBarRef" .../>
 

components/scheduler/navigation.md

@@ -84,7 +84,6 @@ Change current View:
 
             new SchedulerAppointment
             {
-                Id = Guid.NewGuid(),
                 Title = "Planning meeting",
                 Description = "Kick off the new project.",
                 Start = new DateTime(2019, 12, 6, 9, 30, 0),

components/stepper/steps/state.md

@@ -52,7 +52,7 @@ This feature serves to mark the desired step as disabled, so users cannot click
 ![Disabled step](images/disabled-step-example.png)
 
 ````CSHTMl
-* Stepper with one disabled step. *@
+@* Stepper with one disabled step. *@
 
 <div style="width:700px">
     <TelerikStepper>

components/textarea/overview.md

@@ -16,14 +16,14 @@ The Telerik <a href ="https://www.telerik.com/blazor-ui/textarea" target="_blank
 
 1. Add the `<TelerikTextArea>` tag to a Razor file.
 2. Set the `Value` parameter to a `string` object. It supports one-way and two-way binding.
-3. (optional) Set the `AutoSize` property to adjust the TextArea height based on the user input.
+3. (optional) Set the `ResizeMode` property to `Auto` to adjust the TextArea size based on the user input.
 4. (optional) Set the `MaxLength ` property to control the maximum amount of characters that the user can type in the component.
 
 >caption Basic TextArea with two-way value binding
 
 ````CSHTML
 <TelerikTextArea @bind-Value="@TextAreaValue"
-                 AutoSize="true" 
+                 ResizeMode="TextAreaResizeMode.Auto"
                  MaxLength="200" />
 
 <p>TextArea value: @TextAreaValue</p>

components/toolbar/events.md

@@ -27,7 +27,7 @@ The `OnClick` event fires when the user clicks on a button in the ToolBar (also
 @*When clicking on the button a message will be printed in your console*@
 
 <TelerikToolBar>
-    <ToolBarButton Icon="@SvgIcon.Envelope"Link OnClick="@OnHyperlinkClick">Hyperlink</ToolBarButton>
+    <ToolBarButton Icon="@SvgIcon.Envelope" OnClick="@OnHyperlinkClick">Hyperlink</ToolBarButton>
 </TelerikToolBar>
 
 
@@ -49,7 +49,7 @@ The `SelectedChanged` event will fire when the user changes the state of the [`T
 @*Handle the SelectedChangedEvent*@
 
 <TelerikToolBar>
-    <TelerikToggleButton Selected="@Selected" SelectedChanged="@SelectedChangedHandler"></TelerikToggleButton>
+    <ToolBarToggleButton Selected="@Selected" SelectedChanged="@SelectedChangedHandler">Select me</ToolBarToggleButton>
 
 </TelerikToolBar>