Sheet

<Button primary action={ () => openSheet = !openSheet }>Manage Channels</Button>

<Sheet bind:open={openSheet} title="Manage Channels">
	Detailed content or actions! Click or tap outside to dismiss.
</Sheet>

This is more analogous to the SwiftUI Sheet than the Shadcn Sheet. The idea is to show a centered panel on tablets and desktops but have a bottom-aligned drawer for mobile views. Show and hide using a bound boolean value.