mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
3b4480fa8b
* Add SidebarPosition and FullHeight options to RadzenSidebar and adjust layout styles accordingly * Update RadzenLayout demos
26 lines
883 B
Plaintext
26 lines
883 B
Plaintext
<RadzenLayout>
|
|
<RadzenHeader>
|
|
<RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End" AlignItems="AlignItems.Center" Gap="1rem">
|
|
<RadzenLabel Text="Header" />
|
|
<RadzenSidebarToggle Click="@(() => sidebarExpanded = !sidebarExpanded)" class="rz-m-0" />
|
|
</RadzenStack>
|
|
</RadzenHeader>
|
|
<RadzenSidebar Position="SidebarPosition.End" FullHeight="true" @bind-Expanded="@sidebarExpanded">
|
|
<RadzenPanelMenu>
|
|
<RadzenPanelMenuItem Text="Home" Icon="home" />
|
|
<RadzenPanelMenuItem Text="Users" Icon="account_box" />
|
|
</RadzenPanelMenu>
|
|
<div class="rz-p-4">
|
|
Sidebar
|
|
</div>
|
|
</RadzenSidebar>
|
|
<RadzenBody>
|
|
<div class="rz-p-4">
|
|
Body
|
|
</div>
|
|
</RadzenBody>
|
|
</RadzenLayout>
|
|
|
|
@code {
|
|
bool sidebarExpanded = true;
|
|
} |