Chip 컴포넌트 구현

[eeseung]

📑 이슈 번호

• close Chip 컴포넌트 구현 #4

🚧 구현 내용

• Pretendard 폰트 적용
• Chip 컴포넌트 구현

🚨 특이 사항

Chip Props

interface ChipProps {
  label: string // 라벨 텍스트
  color?: ChipColors // 색상 (default: 'emerald')
}

Chip Colors 타입 정의

type ChipColors = // Tailwind 색상 이름과 동일합니다.
  | 'emerald'
  | 'red'
  | 'yellow'
  | 'blue'
  | 'indigo'
  | 'purple'
  | 'pink'
  | 'gray'

사용 예시

<Chip label="Tag" />
<Chip
  label="Tag"
  color="red"
/>

[bomi8489]

👍🏻👍🏻

[dudwns]

오오.. 폰트까지 적용해 주셨다니 고생하셨습니다. 칩 이쁘네요! 😄