App framework
IsabyteAppFramework
Responsive application shell. Auto-selects mobile/tablet/desktop layouts based on viewport, with manual override. Drop in nested IsabyteAppFrameworkMenu and IsabyteAppFrameworkMenuItem components for navigation. Usable as a Blazor MainLayout.
Welcome back, Operator
Here's a quick overview of your platform. Cards, KPIs, and tables would live here.
Active users
2,847
Revenue (30d)
$48,210
Open tickets
17
@* MainLayout.razor — drop this into your Blazor project *@
@inherits LayoutComponentBase
@using Isabyte.PowerTools.Components.Tools
<IsabyteAppFramework DeviceMode="IsabyteAppFrameworkDeviceMode.Auto"
DesktopLayout="IsabyteAppFrameworkDesktopLayout.HeaderWithLeftMenuBelow"
TabletLayout="IsabyteAppFrameworkTabletLayout.Hamburger"
MobileLayout="IsabyteAppFrameworkMobileLayout.Hamburger"
MobileBreakpoint="768"
TabletBreakpoint="1024"
MenuWidth="260px"
HeaderHeight="56px">
<Header>
<strong>IsabyteAppFramework</strong>
</Header>
<Menu>
<IsabyteAppFrameworkMenu>
<IsabyteAppFrameworkMenuItem Text="Home" Icon="bi bi-house" Href="/" />
<IsabyteAppFrameworkMenuItem Text="Users" Icon="bi bi-people" Href="/users" />
<IsabyteAppFrameworkMenuItem Text="Settings" Icon="bi bi-gear" Href="/settings" />
</IsabyteAppFrameworkMenu>
</Menu>
<ChildContent>
@Body
</ChildContent>
</IsabyteAppFramework>
