App framework
BptAppFramework
Responsive application shell. Auto-selects mobile/tablet/desktop layouts based on viewport, with manual override. Drop in nested BptAppFrameworkMenu and BptAppFrameworkMenuItem 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 Bpt.Components.Tools
<BptAppFramework DeviceMode="BptAppFrameworkDeviceMode.Auto"
DesktopLayout="BptAppFrameworkDesktopLayout.HeaderWithLeftMenuBelow"
TabletLayout="BptAppFrameworkTabletLayout.Hamburger"
MobileLayout="BptAppFrameworkMobileLayout.Hamburger"
MobileBreakpoint="768"
TabletBreakpoint="1024"
MenuWidth="260px"
HeaderHeight="56px">
<Header>
<strong>BptAppFramework</strong>
</Header>
<Menu>
<BptAppFrameworkMenu>
<BptAppFrameworkMenuItem Text="Home" Icon="bi bi-house" Href="/" />
<BptAppFrameworkMenuItem Text="Users" Icon="bi bi-people" Href="/users" />
<BptAppFrameworkMenuItem Text="Settings" Icon="bi bi-gear" Href="/settings" />
</BptAppFrameworkMenu>
</Menu>
<ChildContent>
@Body
</ChildContent>
</BptAppFramework>
