From e8ce5d5ebde166fc3758342e1be5d3d0b740b0d4 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 3 May 2025 10:45:33 -0700
Subject: [PATCH] docs(skeleton-text): improve docs

---
 docs/src/pages/components/SkeletonText.svx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/src/pages/components/SkeletonText.svx b/docs/src/pages/components/SkeletonText.svx
index c578fc1a..6f1c205c 100644
--- a/docs/src/pages/components/SkeletonText.svx
+++ b/docs/src/pages/components/SkeletonText.svx
@@ -3,22 +3,34 @@
   import Preview from "../../components/Preview.svelte";
 </script>
 
+`SkeletonText` provides a loading state for text content with support for different sizes and line counts. It's commonly used to indicate that text content is being loaded.
+
 ## Default
 
+Create a basic skeleton text with default styling.
+
 <SkeletonText />
 
 ## Heading variant
 
+Use the heading variant for larger text placeholders.
+
 <SkeletonText heading />
 
 ## Paragraph variant
 
+Use the paragraph variant for multi-line text placeholders.
+
 <SkeletonText paragraph />
 
 ## Paragraph with custom line count
 
+Specify the number of lines to render using the `lines` prop.
+
 <SkeletonText paragraph lines={8} />
 
 ## Paragraph with max width
 
+Set a custom width for the text placeholder using the `width` prop.
+
 <SkeletonText paragraph width="50%" />
\ No newline at end of file