🎨 improve docs dynamic live with skeleton

tonightpass · Dec 6, 2022 · b65ca19 · b65ca19 · vercel · Dec 6, 2022
1 parent 0fe26c8
commit b65ca19
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/docs/components/Playground/playground.tsx b/docs/components/Playground/playground.tsx
@@ -1,15 +1,10 @@
 import React from "react";
 import dynamic from "next/dynamic";
-import { useTheme } from "@tonightpass/kitchen";
+import { Skeleton, useTheme } from "@tonightpass/kitchen";
 
 const DynamicLive = dynamic(() => import("./dynamic-live"), {
  ssr: false,
- loading: () => (
- <div style={{ padding: "20pt 0" }}>
- {/* TODO: Use the loading */}
- Loading...
- </div>
- ),
+ loading: () => <Skeleton width="100%" height={100} />,
 });
 
 export type PlaygroundProps = {