Skeleton experimental

기본 placeholder wrapper입니다. 콘텐츠 로딩 동안 펄스 애니메이션으로 자리를 표시하며, 크기는 style이나 class로 직접 지정합니다.

native div

<script lang="ts">
  import { Skeleton } from '@odbd/svelte'
</script>

<div class="preview-stack">
  <Skeleton style="height: 1.5rem; width: 60%;" />
  <Skeleton style="height: 1rem;" />
  <Skeleton style="height: 1rem;" />
  <Skeleton style="height: 1rem; width: 80%;" />
</div>

Import

Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.

import { Skeleton } from '@odbd/svelte'

import { Skeleton } from '@odbd/react/skeleton'