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() {
|
||||
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user