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 your app's root layout.

IsabyteAppFramework — Responsive shell

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

Active layout: · IsabyteAppFramework

Current Configuration

📋

@* 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>