Responsive Layout

IsabyteResponsiveLayout wraps child content and resolves the current viewport width into a cascading IsabyteDeviceClass enum (Desktop / Tablet / Mobile). Descendants consume [CascadingParameter(Name="IsabyteDeviceClass")] IsabyteDeviceClass 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.

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

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