mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
30 lines
1.1 KiB
Plaintext
30 lines
1.1 KiB
Plaintext
<RadzenLayout>
|
|
<RadzenHeader>
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0">
|
|
<RadzenSidebarToggle Click="@(() => sidebarExpanded = !sidebarExpanded)" />
|
|
<RadzenLabel Text="Header" />
|
|
</RadzenStack>
|
|
</RadzenHeader>
|
|
<RadzenSidebar Responsive="false" Style="width: max-content">
|
|
<RadzenPanelMenu DisplayStyle="@(sidebarExpanded ? MenuItemDisplayStyle.IconAndText : MenuItemDisplayStyle.Icon)" ShowArrow="false">
|
|
<RadzenPanelMenuItem Text="Overview" Icon="home" />
|
|
<RadzenPanelMenuItem Text="Dashboard" Icon="dashboard" />
|
|
<RadzenPanelMenuItem Text="UI Fundamentals" Icon="auto_awesome">
|
|
<RadzenPanelMenuItem Text="Themes" Icon="color_lens" />
|
|
<RadzenPanelMenuItem Text="Colors" Icon="invert_colors" />
|
|
</RadzenPanelMenuItem>
|
|
</RadzenPanelMenu>
|
|
</RadzenSidebar>
|
|
<RadzenBody>
|
|
<div class="rz-p-4">
|
|
Body
|
|
</div>
|
|
</RadzenBody>
|
|
<RadzenFooter>
|
|
Footer
|
|
</RadzenFooter>
|
|
</RadzenLayout>
|
|
|
|
@code {
|
|
bool sidebarExpanded = true;
|
|
} |