Badge experimental
기본 badge wrapper입니다. native span으로 짧은 상태 라벨을 표시하고, neutral/accent/danger variant를 제공합니다.
Preview
기본 상태진행 중주의 필요
<script lang="ts">
import { Badge } from '@odbd/svelte'
const badges = [
{ variant: 'neutral', label: '기본 상태' },
{ variant: 'accent', label: '진행 중' },
{ variant: 'danger', label: '주의 필요' },
] as const
</script>
<div class="preview-row">
{#each badges as badge}
<Badge variant={badge.variant}>{badge.label}</Badge>
{/each}
</div>
Import
Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.
import { Badge } from '@odbd/svelte' import { Badge } from '@odbd/react/badge'