+
+ An error has occurred. This application may no longer respond until reloaded.
+
+
+ An unhandled exception has occurred. See browser dev tools for details.
+
+ Reload
+ 🗙
+
+
+
+
+
+```
+
+## Components (`.razor`)
+
+[Blazor Components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/)
+
+```cs
+@page "/route/{RouteParameter?}" // make component accessible from a URL (optional)
+
+@namespace // set the component namespace
+@using // using statement
+@inherits BaseType // inheritance
+@attribute [Attribute] // apply an attribute
+@inject Type objectName // dependency injection
+
+// html of the page here
+
+ // access component w/o @using
+ // insert component into page, passing attributes
+
+ @ChildContent // segment of UI content
+
@code {
// component model (Properties, Methods, ...)
- [Parameter] // use prop as HTML attribute
- purblic Type Property { get; set; } = defaultValue;
+ [Parameter] // capture attribute
+ public Type Property { get; set; } = defaultValue;
+
+ [Parameter] // capture route parameters
+ public type RouteParameter { get; set;}
+
+ [Parameter] // segment of UI content
+ public RenderFragment ChildContent { get; set;}
+
+ private void CallbackMethod() { }
}
```
-
+[Call .NET from Javascript](https://docs.microsoft.com/en-us/aspnet/core/blazor/call-dotnet-from-javascript)