Backdrop overlay

Display a full page backrop overlay conditionally

Contrary to html standards, by defaults buttons type will be `button` even if it's used inside a form. Make sure to set the type to submit when needed

Anatomy

import { BackdropOverlay } from '@onwo/ui';

const opened = useSignal<boolean>(false);
<BackdropOverlay bind:open={opened} />

Default

const opened = useSignal<boolean>(false);

<Button onClick$={$(() => (visible.value = true))}>Show overlay</Button>
<BackdropOverlay bind:open={opened} />