Badge experimental

기본 badge wrapper입니다. native span으로 짧은 상태 라벨을 표시하고, neutral/accent/danger variant를 제공합니다.

native span

기본 상태진행 중주의 필요

<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'