Peace/BlazorFluentUIPractice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page structure fix, checkbox

Browse Source
This commit is contained in:
Peace
2024-07-08 10:44:01 +09:00
parent 991b0de353
commit f21b467afb
14 changed files with 114 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
BlazorFluentUI/Components/Pages/Layouts/LayoutSpacer.razor Normal file
View File

@@ -0,0 +1,35 @@
@page "/layoutspacer"
@rendermode RenderMode.InteractiveServer
<FluentLabel Typo="Typography.H3">Spacer</FluentLabel>
<FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator" />
<FluentLabel Typo="Typography.Body">
The <code>FluentSpacer</code> component offers a space between components.
</FluentLabel>
<FluentLabel class="my-3" Typo="Typography.H4">Spacer with flexible(default) width</FluentLabel>
<FluentCard Width="auto" Height="auto" Style="display:flex">
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Neutral" />
<FluentSpacer/>
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Accent" />
<FluentSpacer />
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Warning" />
<FluentSpacer />
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Info" />
</FluentCard>
<FluentLabel class="my-3" Typo="Typography.H4">Spacer with set width</FluentLabel>
<FluentCard Width="auto" Height="auto">
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Neutral" />
<FluentSpacer Width="50"/>
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Accent" />
<FluentSpacer Width="50" />
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Warning" />
<FluentSpacer Width="50" />
<FluentIcon Value="@(new Icons.Regular.Size32.Fireplace())" Color="@Color.Info" />
</FluentCard>
@code {
}