From 7d8237a7a2f82dfd78f8377c24ebd89c62af5a83 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 3 May 2025 09:20:33 -0700
Subject: [PATCH] docs(loading): improve docs

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

diff --git a/docs/src/pages/components/Loading.svx b/docs/src/pages/components/Loading.svx
index 97895b07..abb3ea92 100644
--- a/docs/src/pages/components/Loading.svx
+++ b/docs/src/pages/components/Loading.svx
@@ -1,16 +1,28 @@
+---
+components: ["Loading"]
+---
+
 <script>
   import { Loading } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
+The `Loading` component provides a full-screen or inline loading indicator. It's ideal for showing progress during page loads or data fetching operations.
+
 ## Default (with overlay)
 
+Display a loading indicator with a semi-transparent overlay that covers the entire viewport.
+
 <FileSource src="/framed/Loading/Loading" />
 
 ## No overlay
 
+Show a loading indicator without the overlay, allowing interaction with the underlying content.
+
 <Loading withOverlay={false} />
 
 ## Small size
 
+Display a more compact loading indicator.
+
 <Loading withOverlay={false} small />
\ No newline at end of file