mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(loading): improve docs

Browse source
This commit is contained in:
Eric Liu 2025-05-03 09:20:33 -07:00
commit 7d8237a7a2
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
docs/src/pages/components/Loading.svx
View file

@ -1,16 +1,28 @@
---
components: ["Loading"]
---
<script> <script>
import { Loading } from "carbon-components-svelte"; import { Loading } from "carbon-components-svelte";
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </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) ## Default (with overlay)
Display a loading indicator with a semi-transparent overlay that covers the entire viewport.
<FileSource src="/framed/Loading/Loading" /> <FileSource src="/framed/Loading/Loading" />
## No overlay ## No overlay
Show a loading indicator without the overlay, allowing interaction with the underlying content.
<Loading withOverlay={false} /> <Loading withOverlay={false} />
## Small size ## Small size
Display a more compact loading indicator.
<Loading withOverlay={false} small /> <Loading withOverlay={false} small />