Responsive Layout

BptResponsiveLayout wraps child content and resolves the current viewport width into a cascading BptDeviceClass enum (Desktop / Tablet / Mobile). Descendants consume [CascadingParameter(Name="BptDeviceClass")] BptDeviceClass to branch their layout without threading props. Use the Override parameter to simulate a device class without resizing the browser — useful for responsive-preview panels.

<BptResponsiveLayout
    OnDeviceClassChanged="HandleDeviceClassChanged">
    <!-- child content here —
         descendants can read [CascadingParameter(Name="BptDeviceClass")] BptDeviceClass -->
</BptResponsiveLayout>

@code {
private void HandleDeviceClassChanged(BptDeviceClass cls)
{
    Console.WriteLine($"Device class: {cls}");
}
}