@@ -56,27 +56,28 @@ In this tutorial, you will use the [Telerik NuGet feed]({%slug installation/nuge
56
56
57
57
@page "/"
58
58
59
- <TelerikButton OnClick =" @SayHelloHandler " ThemeColor =" primary " >Say Hello</TelerikButton >
60
-
61
- <br />
62
-
63
- @helloString
64
-
59
+ <TelerikButton ThemeColor="@ThemeConstants .Button.ThemeColor.Primary"
60
+ OnClick="@SayHelloHandler ">Say Hello</TelerikButton >
61
+
62
+ <p>@HelloString</p>
63
+
65
64
@code {
66
- MarkupString helloString;
67
-
68
- void SayHelloHandler()
69
- {
70
- string msg = string.Format("Hello from <strong >Telerik Blazor</strong > at {0}.<br /> Now you can use C# to write front-end!", DateTime.Now);
71
- helloString = new MarkupString(msg);
72
- }
65
+ private MarkupString HelloString { get; set; }
66
+
67
+ private void SayHelloHandler()
68
+ {
69
+ string msg = $"Hello from <strong>Telerik UI for Blazor</strong> at {DateTime.Now.ToString("HH:mm:ss")}!" +
70
+ "<br /> Now you can use C# to write front-end!";
71
+
72
+ HelloString = new MarkupString(msg);
73
+ }
73
74
}
74
75
75
- 1 . Run the app in the browser by pressing ` F5 ` . You should see something like this:
76
+ 1 . Run the app in the browser. You should see something like this:
76
77
77
78
![ Telerik Blazor app in the browser] ( images/blazor-app-in-browser.png )
78
79
79
- Well done! Now you have you first Telerik UI for Blazor component running in your Blazor app.
80
+ Well done! Now you have your first Telerik UI for Blazor component running in your Blazor app.
80
81
81
82
@[ template] ( /_contentTemplates/common/get-started.md#next-steps-after-getting-started )
82
83
@@ -85,15 +86,12 @@ Well done! Now you have you first Telerik UI for Blazor component running in you
85
86
#next-steps-after-getting-started
86
87
## Next Steps
87
88
88
- * [ Explore the Live Telerik UI for Blazor Demos] ( https://demos.telerik.com/blazor-ui/ )
89
-
90
- * [ Get Started with the Data Grid] ({%slug grid-overview%})
91
-
92
- * [ Create Custom Styles by Using ThemeBuilder] ({%slug themebuilder%})
93
-
94
- * [ See the Data Binding Fundamentals for Telerik UI for Blazor Components] ({%slug common-features-data-binding-overview%}).
89
+ * [ Check the list of available components] ({%slug blazor-overview%}#list-of-components).
90
+ * [ Explore the live Telerik UI for Blazor demos] ( https://demos.telerik.com/blazor-ui/ ) .
91
+ * [ Learn the data binding fundamentals for Telerik UI for Blazor components] ({%slug common-features-data-binding-overview%}).
92
+ * [ Get started with the data Grid] ({%slug grid-overview%}).
93
+ * [ Review the built-in themes or create custom ones] ({%slug themes-built-in%}).
95
94
96
- * [ Explore the List of Available Components] ({%slug blazor-overview%}#list-of-components).
97
95
#end
98
96
99
97
#demos-project-net-version
0 commit comments