chore(common): add using satements for Preview 4

marin-bratanov · marin-bratanov · commit 5ee1855c0f88 · 2019-04-20T16:22:00.000+03:00
diff --git a/common-features/font-icons.md b/common-features/font-icons.md
@@ -19,7 +19,7 @@ You can find the full list of available icons in the [Kendo UI Web Font Icons Li
 >caption How to use a built-in font icon class on a component's Icon property
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Button
 
 <TelerikButton Icon="@IconName.Filter">I show the Filter icon</TelerikButton>
 <br />
diff --git a/common-features/input-validation.md b/common-features/input-validation.md
@@ -34,7 +34,9 @@ Simple textbox-like inputs do not have any special behavior. You need to bind th
 >caption How to validate inputs
 
 ````CSHTML
+@using Telerik.Blazor.Components.TextBox
 @using Telerik.Blazor.Components.NumericTextBox
+@using Telerik.Blazor.Components.DateInput
 @using System.ComponentModel.DataAnnotations
 
 <EditForm Model="@person" OnValidSubmit="@HandleValidSubmit">
@@ -99,6 +101,7 @@ The DropDownList always has an item selected - the first item from its data sour
 >caption How to validate a dropdownlist
 
 ````CSHTML
+@using Telerik.Blazor.Components.DropDownList
 @using System.ComponentModel.DataAnnotations
 
 <EditForm Model="@person" OnValidSubmit="@HandleValidSubmit">
diff --git a/components/animationcontainer/overview.md b/components/animationcontainer/overview.md
@@ -17,7 +17,8 @@ To use the animation container, add the `TelerikAnimationContainer` tag.
 >caption How to use the Animation Container
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.AnimationContainer
+@using Telerik.Blazor.Components.Button
 
 <TelerikAnimationContainer Top="300" Width="100" Height="100" Visible="@Shown" AnimationType="AnimationType.ZoomOut" Class="k-popup">
 	My content goes here. The "k-popup" class adds some background and borders which you can define through your own styles instead.
@@ -60,7 +61,8 @@ The animation container exposes the following properties:
 >caption Explore the animation options
 
 ````
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.AnimationContainer
+@using Telerik.Blazor.Components.Button
 
 <TelerikAnimationContainer Top="300" Width="100" Height="100" Visible="@Shown" AnimationType="@AnimType" Class="my-popup">
 	My content goes here.
diff --git a/components/button/overview.md b/components/button/overview.md
@@ -21,6 +21,8 @@ To add a Telerik Button to your Blazor app, use the `<TelerikButton>` tag:
 >caption Basic Telerik Button tag
 
 ````CSHTML
+@using Telerik.Blazor.Components.Button
+
 <TelerikButton>Hello!</TelerikButton>
 ````
 
@@ -35,7 +37,7 @@ To attach a click handler, use the `OnClick` attribute and define the method in
 >caption Click handler for a Telerik Button
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Button
 
 <TelerikButton OnClick="@myHandler">Click me!</TelerikButton>
 
@@ -58,6 +60,8 @@ You can style the button through its `Class` attribute to define your own CSS ru
 >caption Set CSS class to the button and change its appearance
 
 ````CSHTML
+@using Telerik.Blazor.Components.Button
+
 <TelerikButton Class="RedText">My text is red.</TelerikButton>
 
 <style>
@@ -77,6 +81,8 @@ You can also make the button use a strong color to attact attention, called Prim
 >caption Button with the Primary color scheme from the current theme
 
 ````CSHTML
+@using Telerik.Blazor.Components.Button
+
 <TelerikButton Primary="true">Primary</TelerikButton>
 ````
 
@@ -101,7 +107,7 @@ The following example shows how to use an image from a URL, a sprite image, and
 >caption How to use icons in Telerik Button
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Button
 
 <TelerikButton SpriteClass="k-icon netherlandsFlag">Sprite</TelerikButton>
 <TelerikButton Icon="@IconName.Filter">Font Icon</TelerikButton>
@@ -129,6 +135,8 @@ To disable a button, set its `Enabled` attribute to `false`.
 >caption Disabled Telerik Button
 
 ````CSHTML
+@using Telerik.Blazor.Components.Button
+
 <TelerikButton Enabled="false">Disabled Button</TelerikButton>
 ````
 
diff --git a/components/dateinput/overview.md b/components/dateinput/overview.md
@@ -75,7 +75,7 @@ The date input provides the following features:
 >caption Example of using validation to prompt the user for certain input
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.DateInput
 @using System.ComponentModel.DataAnnotations
 
 <EditForm Model="@person">
diff --git a/components/dropdownlist/overview.md b/components/dropdownlist/overview.md
@@ -24,7 +24,7 @@ To use a Telerik DropDownList for Blazor
 @[template](/_contentTemplates/common/issues-and-warnings.md#generic-component-event-issue)
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.DropDownList
 
 <TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" ValueChanged="@MyValueChangedHandler" Value="@selectedValue">
 </TelerikDropDownList>
@@ -127,6 +127,7 @@ The DropDownList component attempts to infer the type of its model and value bas
 >caption Validating a dropdownlist. See the comments in the code for details on the behavior
 
 ````CSHTML
+@using Telerik.Blazor.Components.DropDownList
 @using System.ComponentModel.DataAnnotations
 
 <EditForm Model="@person" OnValidSubmit="@HandleValidSubmit">
@@ -182,7 +183,7 @@ The DropDownList component attempts to infer the type of its model and value bas
 >caption Get selected item from external code
 
 ````CSHTML
-using Telerik.Blazor.Components.DropDownList
+@using Telerik.Blazor.Components.DropDownList
 
 <TelerikDropDownList ref="@myDdlRef" Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Value="5">
 </TelerikDropDownList>
diff --git a/components/grid/columns/command.md b/components/grid/columns/command.md
@@ -40,6 +40,7 @@ The `OnClick` handler of the commands receives an argument of type `GridCommandE
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <span>Edit will cancelled for "name 2"</span>
 <br />@CustomCommandResult
diff --git a/components/grid/editing/incell.md b/components/grid/editing/incell.md
@@ -20,6 +20,7 @@ To enable InCell editing mode, set the `EditMode` property of the grid to `incel
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <strong>Click a cell, edit it and click outside of the cell to see the change. Editing is prevented for the first two items.</strong>
 
diff --git a/components/grid/editing/inline.md b/components/grid/editing/inline.md
@@ -22,6 +22,7 @@ To enable Inline editing in the grid, set its `EditMode` property to `inline`, t
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <strong>Editing is cancelled for the first two records.</strong>
 
diff --git a/components/grid/editing/overview.md b/components/grid/editing/overview.md
@@ -36,6 +36,7 @@ The event handlers receive an argument of type `GridCommandEventArgs` that expos
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <strong>Double click a cell in the Name column, edit the name and click outside of the cell to see the change. Editing is cancelled for the first two records.</strong>
 
diff --git a/components/grid/editing/popup.md b/components/grid/editing/popup.md
@@ -23,6 +23,7 @@ To enable PopUp editing in the grid, set its `EditMode` property to `popup`, the
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <strong>Editing is cancelled for the first two records.</strong>
 
diff --git a/components/grid/overview.md b/components/grid/overview.md
@@ -21,7 +21,7 @@ To create a basic Telerik Grid:
 >caption Basic example of binding a grid to some data
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data="@MyData">
 	<TelerikGridColumns>
@@ -44,7 +44,7 @@ To create a basic Telerik Grid:
 >caption Example of populating the `Field` from the model name to ensure type-safety:
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data="@MyData">
 	<TelerikGridColumns>
diff --git a/components/grid/paging.md b/components/grid/paging.md
@@ -21,7 +21,7 @@ You can set the current page of the grid through its integer `Page` property.
 >caption Enable paging in Telerik Grid
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data="@MyData" Pageable=true PageSize=15 Page=2>
 	<TelerikGridColumns>
@@ -46,7 +46,7 @@ Here is one way to implement a page size choice that puts all records on one pag
 >caption Bind Page Size to a variable
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <select onchange=@ChangePageSize>
 	@for (int i = 1; i < 4; i++)
diff --git a/components/grid/sorting.md b/components/grid/sorting.md
@@ -19,7 +19,7 @@ When the user clicks the column header, the grid will sort the data according to
 >caption Enable Sorting in Telerik Grid
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data="@MyData" Sortable="true">
 	<TelerikGridColumns>
diff --git a/components/grid/templates.md b/components/grid/templates.md
@@ -33,7 +33,7 @@ The example below shows how to:
 >caption Using cell (column) template
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data="@MyData">
 	<TelerikGridColumns>
@@ -96,7 +96,7 @@ You can use the `Context` attribute of the `<RowTemplate>` tag of the grid to se
 >caption Using a row template
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data=@MyData>
 	<RowTemplate Context="employee">
@@ -142,7 +142,7 @@ The column's `EditTemplate` defines the inline template or component that will b
 >caption Sample edit template
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data=@MyData EditMode="inline" Pageable="true">
 	<TelerikGridColumns>
diff --git a/components/grid/toolbar.md b/components/grid/toolbar.md
@@ -29,6 +29,7 @@ The grid offers built-in commands that you can invoke through its toolbar. To us
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data=@MyData Pageable="true" PageSize="15" EditMode="inline">
 	<TelerikGridToolBar>
@@ -93,6 +94,7 @@ You can use the toolbar to add buttons that invoke actions specific to your appl
 
 ````CSHTML
 @using Telerik.Blazor
+@using Telerik.Blazor.Components.Grid
 
 <TelerikGrid Data=@MyData Pageable="true" PageSize="15">
 	<TelerikGridToolBar>
diff --git a/components/numerictextbox/overview.md b/components/numerictextbox/overview.md
@@ -23,7 +23,7 @@ To use a Telerik Numeric Textbox for Blazor:
 @[template](/_contentTemplates/common/issues-and-warnings.md#generic-component-event-issue)
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.NumericTextBox
 
 <TelerikNumericTextBox Format="C" Max="5m" Min="-5m" Step="0.33m" Value="3.456m" ValueChanged="@MyValueChangeHandler"></TelerikNumericTextBox>
 <br />
@@ -45,7 +45,7 @@ The numeric textbox component is generic, meaning that it takes the type of its
 >caption Component namespace and reference
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.NumericTextBox
 
 <TelerikNumericTextBox ref="myNumericTextboxRef" bind-Value="@CurrentValue"></TelerikNumericTextBox>
 
diff --git a/components/textbox/overview.md b/components/textbox/overview.md
@@ -68,7 +68,7 @@ The length, enabled and pattern attributes are HTML attributes on the `<input />
 >caption Example of using a custom pattern for some credit cards
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.TextBox
 
 <EditForm Model="@person">
 	<DataAnnotationsValidator />
diff --git a/components/window/actions.md b/components/window/actions.md
@@ -31,6 +31,8 @@ Action buttons expose the following properties:
 >caption The built-in actions of a Window
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <TelerikWindow Visible="true">
 	<TelerikWindowActions>
 		<TelerikWindowAction Name="Minimize"></TelerikWindowAction>
@@ -57,7 +59,7 @@ You can create a custom action icon and you must provide its `OnClick` handler.
 >caption Handling a custom action
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Window
 
 <TelerikWindow Visible="true">
 	<TelerikWindowActions>
@@ -90,7 +92,7 @@ You can mix custom actions with built-in actions, and you do not have to define
 >caption Mixing built-in actions with custom actions
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Window
 
 <TelerikWindow Visible="true">
 	<TelerikWindowActions>
diff --git a/components/window/overview.md b/components/window/overview.md
@@ -22,6 +22,8 @@ To create a Telerik Window:
 >caption Basic example of showing content in a Window popup
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <TelerikWindow Visible="true">
 	<TelerikWindowTitle>
 		<strong>The Title</strong>
@@ -43,7 +45,7 @@ The Window component is of type `Telerik.Blazor.Components.Window.TelerikWindow`
 >caption Store a reference to a Telerik Window, open and close it programmatically
 
 ````CSHTML
-@using Telerik.Blazor
+@using Telerik.Blazor.Components.Window
 
 <button onclick="@ShowWindow">Show the Window</button>
 <button onclick="@CloseWindow">Close the Window</button>
@@ -80,6 +82,8 @@ The `Class` property lets you define a CSS class that will be rendered on the po
 >caption Use a Class to change the appearance and style of the Window
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <TelerikWindow Class="MyClass" Visible="true">
 	<TelerikWindowTitle>
 		<strong>The Title</strong>
diff --git a/components/window/position.md b/components/window/position.md
@@ -18,6 +18,8 @@ The Window offers two ways for you to control its position:
 >caption Set Top and Left offset to the Window
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <TelerikWindow Top="50" Left="100" Visible="true">
 	<TelerikWindowTitle>
 		<strong>The Title</strong>
@@ -35,6 +37,8 @@ If the `Top` and/or `Left` properties are set, they will take precedence, becaus
 >caption Center the Window
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <TelerikWindow Centered="true" Visible="true">
 	<TelerikWindowTitle>
 		<strong>The Title</strong>
@@ -52,6 +56,8 @@ If the `Top` and/or `Left` properties are set, they will take precedence, becaus
 >caption Parent element positions affect the Windnow position
 
 ````CSHTML
+@using Telerik.Blazor.Components.Window
+
 <div style="position: absolute; top: 300px; left: 300px; border: 1px solid red;">
 	I am a parent of the Window with special positioning (absolute, fixed, relative) and my offsets affect the position of the Window.
 
diff --git a/components/window/size.md b/components/window/size.md
