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:
@@ -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() {
|
export function Skeleton() {
|
||||||
return (
|
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 />
|
<DialogSkeleton />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user