공통 뱃지 컴포넌트 개발

Description

[ type = padding & text style = 피그마 매핑된 이름 기준 ]

hard-label

  • py-1 px-2 (BeforStart도 이걸로 통일)

  • caption-m-medium

star-label

  • py-1 px-2.5

  • body-s-medium

  • rounded-md

question-label

  • py-1.5 px-2.5 / 질문 label

  • caption-l-semibold

d-day-label

  • py-0.5 px-1.5

  • body-m-semibold

[ theme = 컬러 = 배경색 기준 ]

[ content = 뱃지 내부 텍스트 (type: string) ]


사용 예시

<Badge type='hard-label' theme='gray-100' content='기록 중' />