Skip to content

Commit 2f7123d

Browse files
marin-bratanovmarin-bratanov
committed
chore(common): ref rename
1 parent 80d8ef4 commit 2f7123d

File tree

12 files changed

+21
-21
lines changed

12 files changed

+21
-21
lines changed

‎components/button/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ To add a Telerik Button to your Blazor app, use the `<TelerikButton>` tag:
3535
````CSHTML
3636
@using Telerik.Blazor.Components.Button
3737
38-
<TelerikButton ref="@theButton">Hello!</TelerikButton>
38+
<TelerikButton @ref="theButton">Hello!</TelerikButton>
3939
4040
@code{
4141
Telerik.Blazor.Components.Button.TelerikButton theButton;

‎components/calendar/navigation.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ You can make the Calendar component move to a certain date and view through its
9797
@using Telerik.Blazor.Components.Button
9898
9999
<TelerikButton OnClick="@NavigateCalendarProgrammatically">Go to new date and view</TelerikButton>
100-
<TelerikCalendar Date="@startDate" Max="@maxDate" Min="@minDate" View="@Telerik.Blazor.CalendarView.Decade" ref="@theCalendar"></TelerikCalendar>
100+
<TelerikCalendar Date="@startDate" Max="@maxDate" Min="@minDate" View="@Telerik.Blazor.CalendarView.Decade" @ref="theCalendar"></TelerikCalendar>
101101
102102
@code{
103103
DateTime startDate = new DateTime(2345, 11, 22);

‎components/calendar/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ The selected date is: @selectedDate
5050
````CSHTML
5151
@using Telerik.Blazor.Components.Calendar
5252
53-
<TelerikCalendar ref="@myCalendarReference">
53+
<TelerikCalendar @ref="myCalendarReference">
5454
</TelerikCalendar>
5555
5656
@code {

‎components/chart/overview.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ To use a Telerik chart for Blazor:
8282
````CSHTML
8383
@using Telerik.Blazor.Components.Chart
8484
85-
<TelerikChart ref="@myChartRef">
85+
<TelerikChart @ref="myChartRef">
8686
</TelerikChart>
8787
8888
@code {
@@ -107,7 +107,7 @@ You can also set the chart size in percentage values so it occupies its containe
107107
108108
<div style="border: 1px solid red;width:@ContainerWidth; height: @ContainerHeight">
109109
110-
<TelerikChart Width="100%" Height="100%" ref="@theChart">
110+
<TelerikChart Width="100%" Height="100%" @ref="theChart">
111111
112112
<TelerikChartSeriesItems>
113113
<TelerikChartSeries Type="ChartSeriesType.Column" Name="Product 1" Data="@someData">

‎components/dateinput/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ To use a Telerik Date Input for Blazor:
4848
````CSHTML
4949
@using Telerik.Blazor.Components.DateInput
5050
51-
<TelerikDateInput ref="@theDateInput" bind-Value="@dateInputValue"></TelerikDateInput>
51+
<TelerikDateInput @ref="theDateInput" bind-Value="@dateInputValue"></TelerikDateInput>
5252
5353
@code {
5454
Telerik.Blazor.Components.DateInput.TelerikDateInput theDateInput;

‎components/datepicker/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ To use a Telerik Date Picker for Blazor:
4848
````CSHTML
4949
@using Telerik.Blazor.Components.DatePicker
5050
51-
<TelerikDatePicker ref="@theDatePicker">
51+
<TelerikDatePicker @ref="theDatePicker">
5252
</TelerikDatePicker>
5353
5454
@code {

‎components/dropdownlist/overview.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ To use a Telerik DropDownList for Blazor
6060
````CSHTML
6161
@using Telerik.Blazor.Components.DropDownList
6262
63-
<TelerikDropDownList ref="@myDdlRef" Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Value="3">
63+
<TelerikDropDownList @ref="myDdlRef" Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Value="3">
6464
</TelerikDropDownList>
6565
@code {
6666
//the type of the generic component is determined by the type of the model you pass to it, and the type of its value field
@@ -193,7 +193,7 @@ The DropDownList component attempts to infer the type of its model and value bas
193193
````CSHTML
194194
@using Telerik.Blazor.Components.DropDownList
195195
196-
<TelerikDropDownList ref="@myDdlRef" Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Value="5">
196+
<TelerikDropDownList @ref="myDdlRef" Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Value="5">
197197
</TelerikDropDownList>
198198
<TelerikButton OnClick="@GetSelectedItem">Get Selected Item</TelerikButton> @result
199199
@code {

‎components/numerictextbox/overview.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ The numeric textbox component is generic, meaning that it takes the type of its
4747
````CSHTML
4848
@using Telerik.Blazor.Components.NumericTextBox
4949
50-
<TelerikNumericTextBox ref="myNumericTextboxRef" bind-Value="@CurrentValue"></TelerikNumericTextBox>
50+
<TelerikNumericTextBox @ref="myNumericTextboxRef" bind-Value="@CurrentValue"></TelerikNumericTextBox>
5151
5252
@code {
5353
//determines the type of the component
@@ -101,4 +101,4 @@ namespace MyBlazorApp.Client
101101
* [Live Demo: Numeric Textbox](https://demos.telerik.com/blazor-ui/numerictextbox/index)
102102
* [Live Demo: Numeric Textbox Validation](https://demos.telerik.com/blazor-ui/numerictextbox/validation)
103103
[Live Demo: Numeric Textbox Formats](https://demos.telerik.com/blazor-ui/numerictextbox/formats)
104-
* [Input Validation]({%slug common-features/input-validation%})
104+
* [Input Validation]({%slug common-features/input-validation%})

‎components/tabstrip/overview.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ To control the position of the tab titles, the main tab strip tag exposes the op
2828
````CSHTML
2929
@using Telerik.Blazor.Components.TabStrip
3030
31-
<TelerikTabStrip TabPosition="Telerik.Blazor.Components.TabStrip.TabPosition.Left" ref="@myTabStrip">
31+
<TelerikTabStrip TabPosition="Telerik.Blazor.Components.TabStrip.TabPosition.Left" @ref="myTabStrip">
3232
<TelerikTab Title="First">
3333
First tab content.
3434
</TelerikTab>
@@ -57,7 +57,7 @@ To control the position of the tab titles, the main tab strip tag exposes the op
5757
5858
<TelerikButton OnClick="@WriteActiveTab">Get Active Tab</TelerikButton>
5959
60-
<TelerikTabStrip TabPosition="Telerik.Blazor.Components.TabStrip.TabPosition.Left" ref="@myTabStrip">
60+
<TelerikTabStrip TabPosition="Telerik.Blazor.Components.TabStrip.TabPosition.Left" @ref="myTabStrip">
6161
<TelerikTab Title="First">
6262
First tab content.
6363
</TelerikTab>
@@ -86,13 +86,13 @@ To control the position of the tab titles, the main tab strip tag exposes the op
8686
@using Telerik.Blazor.Components.TabStrip
8787
@using Telerik.Blazor.Components.Button
8888
89-
<TelerikTabStrip ref="@myTabStrip">
89+
<TelerikTabStrip @ref="myTabStrip">
9090
<TelerikTab Title="First">
9191
First tab content.
9292
<br />
9393
<TelerikButton OnClick="@SelectSecondTab">Select the second tab</TelerikButton>
9494
</TelerikTab>
95-
<TelerikTab Title="Second" ref="@chosenTab">
95+
<TelerikTab Title="Second" @ref="chosenTab">
9696
Second tab content.
9797
</TelerikTab>
9898
<TelerikTab Title="Third">

‎components/textbox/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ To use a Telerik Textbox for Blazor, add the `TelerikTextBox` tag.
4444
````CSHTML
4545
@using Telerik.Blazor.Components.TextBox
4646
47-
<TelerikTextBox ref="@theTextBoxRef"></TelerikTextBox>
47+
<TelerikTextBox @ref="theTextBoxRef"></TelerikTextBox>
4848
4949
@code {
5050
Telerik.Blazor.Components.TextBox.TelerikTextBox theTextBoxRef;

0 commit comments

Comments
 (0)