BptSummonablePanel adapts its placement based on the cascaded BptDeviceClass: inline on Desktop, right-side drawer on Tablet, bottom sheet on Mobile. Wrap it (and any siblings) in BptResponsiveLayout to provide the device class. Use @bind-IsOpen for two-way visibility control.
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 BptSummonablePanel. On Desktop it appears inline here. On Tablet it slides in from the right. On Mobile it rises from the bottom.
<BptResponsiveLayout>
<BptSummonablePanel @bind-IsOpen="_isOpen"
Title="Panel"
>
<!-- panel content -->
</BptSummonablePanel>
</BptResponsiveLayout>
@code {
private bool _isOpen = true;
}