Summonable Panel

IsabyteSummonablePanel

IsabyteSummonablePanel adapts its placement based on the cascaded IsabyteDeviceClass: inline on Desktop, right-side drawer on Tablet, bottom sheet on Mobile. Wrap it (and any siblings) in IsabyteResponsiveLayout to provide the device class. Use @bind-IsOpen for two-way visibility control.

Summonable Panel Parameters

Main content area. On Desktop the panel renders inline to the right. On Tablet/Mobile it becomes an overlay. Use the "Toggle Panel" button or the toggle switch above.

Panel Content

This is the inner content of IsabyteSummonablePanel. On Desktop it appears inline here. On Tablet it slides in from the right. On Mobile it rises from the bottom.

Layer 1
Layer 2
Layer 3

Current Configuration

📋

<IsabyteResponsiveLayout>
    <IsabyteSummonablePanel @bind-IsOpen="_isOpen"
                       Title="Panel"
                       >
        <!-- panel content -->
    </IsabyteSummonablePanel>
</IsabyteResponsiveLayout>

@code {
private bool _isOpen = true;
}