You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
941 B
28 lines
941 B
@page "/layoutmainlayout"
|
|
|
|
@rendermode RenderMode.InteractiveServer
|
|
|
|
<FluentLabel Typo="Typography.H3">MainLayout</FluentLabel>
|
|
<FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator" />
|
|
<FluentLabel Typo="Typography.Body">
|
|
The <code>FluentMainLayout</code> component offers a framework for a layout of a page in a site.
|
|
</FluentLabel>
|
|
<FluentCard Width="auto" Height="300px">
|
|
<FluentMainLayout class="mt-3" NavMenuTitle="Navigation menu">
|
|
<Header><h3>Fluent UI Component</h3></Header>
|
|
<SubHeader><p>A subheader here</p></SubHeader>
|
|
<Body>
|
|
Lorem ipsum...
|
|
</Body>
|
|
<NavMenuContent>
|
|
<FluentNavLink Icon="@(new Icons.Regular.Size24.Home())" Href="/">Home</FluentNavLink>
|
|
</NavMenuContent>
|
|
</FluentMainLayout>
|
|
</FluentCard>
|
|
|
|
@code {
|
|
bool showHeader = true;
|
|
bool showNavMenu = true;
|
|
bool showBodyContent = true;
|
|
bool showFooter = true;
|
|
}
|
|
|