Badge컴포넌트

개발
1 
import { Badge } from "@toss-design-system/mobile";

export default function ProblemButton() {
  return (
    <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
      <Badge size="xsmall" color="blue" variant="fill">
        Badge
      </Badge>
      <Badge size="xsmall" color="teal" variant="fill">
        Badge
      </Badge>
      <Badge size="xsmall" color="green" variant="fill">
        Badge
      </Badge>
      <Badge size="xsmall" color="red" variant="fill">
        Badge
      </Badge>
    </div>
  );
}

image

TDS docs 예제 그대로 구현했는데

현재 ui가 좀 상이합니다 (border-radius가 안먹음)
따로 설정해줘야하는 옵션값이 있을까요?

2

@minsoo-web 확인 부탁드립니다.