Badge

상태나 카테고리를 표시하는 뱃지 컴포넌트입니다.

Installation

bash

npx axis-cli add badge

Usage

Badge

tsx

import { Badge } from '@axis-ds/ui-react'

export function Example() {
  return <Badge>Badge</Badge>
}

Variants

Default

Secondary

Destructive

Outline

tsx

<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>

Props

Prop	Type	Default	Description
`variant`	`"default" \| "secondary" \| "destructive" \| "outline"`	"default"	뱃지 스타일 변형
`className`	`string`	-	추가 CSS 클래스

variant

Type:"default" | "secondary" | "destructive" | "outline"

Default:"default"

뱃지 스타일 변형

className

Type:string

Default:-

추가 CSS 클래스