Skip to content

Commit fcb9e48

Browse files
committed
Updates
1 parent 00b901c commit fcb9e48

File tree

2 files changed

+6
-4
lines changed

2 files changed

+6
-4
lines changed

aspnetcore/blazor/components/lifecycle.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -858,16 +858,18 @@ else
858858

859859
:::moniker range=">= aspnetcore-6.0"
860860

861-
If you wish to load styles for the indicator, add them to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
861+
To load CSS styles for the indicator, add the styles to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
862862

863863
```razor
864864
@if (Loading)
865865
{
866+
<!-- OPTIONAL ...
866867
<HeadContent>
867868
<style>
868869
...
869870
</style>
870871
</HeadContent>
872+
-->
871873
<progress id="loadingIndicator" aria-label="Content loading…"></progress>
872874
}
873875
else

aspnetcore/blazor/fundamentals/startup.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -621,7 +621,7 @@ Create a `ContentLoading` component in the `Layout` folder of the `.Client` app
621621
* When `false`, display a loading indicator.
622622
* When `true`, render the requested component's content.
623623

624-
If you wish to load styles for the indicator, add them to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
624+
To load CSS styles for the indicator, add the styles to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
625625

626626
`Layout/ContentLoading.razor`:
627627

@@ -685,7 +685,7 @@ Create a `ContentLoading` component in the `Layout` folder of the `.Client` app
685685
* When `false`, display a loading indicator.
686686
* When `true`, render the requested component's content.
687687

688-
If you wish to load styles for the indicator, add them to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
688+
To load CSS styles for the indicator, add the styles to `<head>` content with the <xref:Microsoft.AspNetCore.Components.Web.HeadContent> component. For more information, see <xref:blazor/components/control-head-content>.
689689

690690
`Layout/ContentLoading.razor`:
691691

@@ -728,7 +728,7 @@ In `Layout/MainLayout.razor`:
728728

729729
Add a [JavaScript initializer](#javascript-initializers) to the app. In the following JavaScript module file name example, the `{ASSEMBLY NAME}` placeholder is the assembly name of the server project (for example, `BlazorSample`). The `wwwroot` folder where the module is placed is the `wwwroot` folder in the server-side project, not the `.Client` project.
730730

731-
The following example uses a [`progress`](https://developer.mozilla.org/docs/Web/HTML/Element/progress) indicator that doesn't indicate specific progress as [client-side boot resources are delivered to the client](#load-client-side-boot-resources), but it serves as a general approach for further development if you want the progress indicator to show the actual progress of loading the app's boot resources.
731+
The following example uses a [`progress`](https://developer.mozilla.org/docs/Web/HTML/Element/progress) indicator that doesn't indicate the actual progress of [delivering client-side boot resources to the client](#load-client-side-boot-resources), but it serves as a general approach for further development if you want the progress indicator to show the actual progress of loading the app's boot resources.
732732

733733
`wwwroot/{ASSEMBLY NAME}.lib.module.js`:
734734

0 commit comments

Comments
 (0)