Skip to content

Commit 8f7a06e

Browse files
committed
Updates
1 parent 797a9fe commit 8f7a06e

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

aspnetcore/blazor/components/layouts.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,14 @@ This scenario might be addressed in a future release of Blazor. For more informa
109109

110110
Create a wrapper component that's capable of interactivity. In the following example, a wrapper component contains a [Blazor section](xref:blazor/components/sections) that can receive content from a child component.
111111

112+
In the `_Imports.razor` file, add an [`@using`](xref:mvc/views/razor#using) directive for sections (<xref:Microsoft.AspNetCore.Components.Sections?displayProperty=fullName>):
113+
114+
```razor
115+
@using Microsoft.AspNetCore.Components.Sections
116+
```
117+
118+
Create the following interactive wrapper component in the `Pages` folder.
119+
112120
`Pages/InteractiveWrapper.razor`:
113121

114122
```razor
@@ -160,6 +168,8 @@ The `Counter` component can use the wrapper component and set interactive sectio
160168
}
161169
```
162170

171+
Other components around the app can also wrap content in the `InteractiveWrapper` component and set interactive section content.
172+
163173
:::moniker-end
164174

165175
## Apply a layout

0 commit comments

Comments
 (0)