In those cases, use a string type instead of a bool. For more information, see How to select a version tag of ASP.NET Core source code (dotnet/AspNetCore.Docs #26205). The page's focus remains on the same index position of elements, so the focus shifts each time a person is added. These are reserved keywords prefixed with @ that appear in Razor markup: Directives and directive attributes used in components are explained further in this article and other articles of the Blazor documentation set. For more information, see ASP.NET Core Razor component rendering. The preceding example renders the following unnecessary whitespace: A list of 100 items results in over 400 areas of whitespace. See the GitHub sample app's README.md file for additional information. If an person instance changes, the @key attribute directive forces Blazor to: This is useful to guarantee that no UI state is preserved when the collection changes within a subtree. Instead, asynchronous work is performed during one of the asynchronous lifecycle events. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. (C# ASP.NET Core) Concept of Areas and an Authorization Scheme. For example, the preceding my-counter custom HTML element that renders the app's Counter component is used in a React app with the following markup: For a complete example of how to create custom elements with Blazor, see the CustomElementsComponent component in the reference source. Indefinite article before noun starting with "the", is this blue one called 'threshold? The Heading component example shown in this section doesn't have an @page directive, so the Heading component isn't directly accessible to a user via a direct request in the browser. In the wwwroot/index.html or Pages/_Host.cshtml file, add the following