docs(skeleton-placeholder): improve docs

This commit is contained in:
Eric Liu 2025-05-03 10:45:12 -07:00
commit 1ebfad0dd6

View file

@ -3,10 +3,16 @@
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </script>
`SkeletonPlaceholder` provides a loading state placeholder that can be used to indicate content is being loaded. It supports custom sizing and forwards mouse events for interactive loading states.
## Default ## Default
Create a basic skeleton placeholder with default styling.
<SkeletonPlaceholder /> <SkeletonPlaceholder />
## Custom size ## Custom size
Specify custom dimensions using the `style` prop.
<SkeletonPlaceholder style="height: 12rem; width: 12rem;" /> <SkeletonPlaceholder style="height: 12rem; width: 12rem;" />