Spinner experimental
기본 loading 표시용 native span wrapper입니다. role=status와 visually-hidden label로 진행 상태를 알립니다.
Preview
sm 로딩 중md 로딩 중lg 로딩 중
<script lang="ts">
import { Spinner } from '@odbd/svelte'
const sizes = ['sm', 'md', 'lg'] as const
</script>
<div class="preview-row">
{#each sizes as size}
<Spinner {size} label={`${size} 로딩 중`} />
{/each}
</div>
Import
Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.
import { Spinner } from '@odbd/svelte' import { Spinner } from '@odbd/react/spinner'