small fixed based on reviews

themesberg · Mar 31, 2024 · c2eff4d · c2eff4d
1 parent c5775eb
commit c2eff4d
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/apps/web/content/docs/components/skeleton.mdx b/apps/web/content/docs/components/skeleton.mdx
@@ -3,7 +3,7 @@ title: React Skeleton - Flowbite
 description: The skeleton component can be used as an alternative loading indicator to the spinner by mimicking the content that will be loaded such as text, images, or video
 ---
 
-Use the skeleton component to indicate a loading status with placeholder elements that look very similar to the type of content that is being loaded such as paragraphs, heading, images, videos, and more.
+Use the skeleton component to indicate a loading status with placeholder elements that look very similar to the type of content that is being loaded such as paragraphs, headings, images, videos, and more.
 
 You can set the width and height of these skeleton components based on the size of the content and element that it is being loaded in, such as a card or an article page.
 

diff --git a/apps/web/examples/skeleton/skeleton.card.tsx b/apps/web/examples/skeleton/skeleton.card.tsx
@@ -2,14 +2,14 @@ import { SkeletonCard } from "flowbite-react";
 import type { CodeData } from "~/components/code-demo";
 
 const code = `
-'use client';
+"use client";
 
 import { Skeleton } from "flowbite-react";
 
 function Component() {
   return (
     <div>
-      <Skeleton.Card />
+      <SkeletonCard />
     </div>
   )
 }

diff --git a/apps/web/examples/skeleton/skeleton.circular.tsx b/apps/web/examples/skeleton/skeleton.circular.tsx
@@ -2,7 +2,7 @@ import { Skeleton } from "flowbite-react";
 import type { CodeData } from "~/components/code-demo";
 
 const code = `
-'use client';
+"use client";
 
 import { Skeleton } from "flowbite-react";
 

diff --git a/apps/web/examples/skeleton/skeleton.image.tsx b/apps/web/examples/skeleton/skeleton.image.tsx
@@ -2,7 +2,7 @@ import { SkeletonImage } from "flowbite-react";
 import type { CodeData } from "~/components/code-demo";
 
 const code = `
-'use client';
+"use client";
 
 import { Skeleton } from "flowbite-react";
 

diff --git a/apps/web/examples/skeleton/skeleton.list.tsx b/apps/web/examples/skeleton/skeleton.list.tsx
@@ -2,14 +2,14 @@ import { SkeletonList } from "flowbite-react";
 import type { CodeData } from "~/components/code-demo";
 
 const code = `
-'use client';
+"use client";
 
 import { Skeleton } from "flowbite-react";
 
 function Component() {
   return (
     <div>
-      <Skeleton.List />
+      <SkeletonList />
     </div>
   )
 }