Show dialog skeleton over a backdrop in Storybook

The skeleton frame carries the dialog's shadow-6 elevation, which only
reads correctly against the dimmed overlay. Render the story over a
simulated backdrop so the preview matches how the dialog appears.

Signed-off-by: Émile Ré <emile@probo.com>
This commit is contained in:
Émile Ré
2026-07-15 13:30:36 +02:00
parent a5f184d8e3
commit b0dd7b7ad4

View File

@@ -97,9 +97,11 @@ export function Controlled() {
);
}
// Shown over a simulated backdrop, matching how the dialog actually appears —
// the frame's elevation only reads correctly against the dimmed overlay.
export function Skeleton() {
return (
<div className="flex justify-center">
<div className="flex min-h-[420px] items-center justify-center rounded-4 bg-sand-12/40 p-8">
<DialogSkeleton />
</div>
);