Skeleton.svelte 430 B

12345678910111213
  1. <script lang="ts">
  2. import type { BaseComponentProps } from "@json-render/svelte";
  3. import type { ShadcnProps } from "./catalog.js";
  4. interface Props extends BaseComponentProps<ShadcnProps<"Skeleton">> {}
  5. let { props }: Props = $props();
  6. </script>
  7. <div
  8. class={`animate-pulse bg-muted ${props.rounded ? "rounded-full" : "rounded-md"}`}
  9. style={`width:${props.width ?? "100%"};height:${props.height ?? "1rem"};`}
  10. ></div>