Badges - Kitchen Sink

Variants

미리 정의된 색상 variant를 사용합니다.

Time Deal Coupon free Gift K-TREND

          <Badge variant="red">Time Deal</Badge> <Badge
          variant="blue">Coupon</Badge> <Badge variant="violet">free
          Gift</Badge>
        

Custom Colors

variant가 없을 경우 bgColor와 textColor props로 커스텀 색상을 지정할 수 있습니다.

New Hot Sale Limited

          <Badge bgColor="#E0F2FE" textColor="#0369A1">New</Badge> <Badge
          bgColor="#FEF3C7" textColor="#92400E">Hot</Badge> <Badge bgColor="#D1FAE5"
          textColor="#065F46">Sale</Badge> <Badge bgColor="#FCE7F3"
          textColor="#9F1239">Limited</Badge>
        

Props

Prop	Type	Default	Description
`variant`	"red" \| "blue" \| "violet"	-	미리 정의된 색상 variant
`bgColor`	string	-	커스텀 배경색 (variant가 없을 때 사용)
`textColor`	string	-	커스텀 텍스트 색상 (variant가 없을 때 사용)
`class`	string	-	추가 CSS 클래스