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>
);
}
![]()
TDS docs 예제 그대로 구현했는데
현재 ui가 좀 상이합니다 (border-radius가 안먹음)
따로 설정해줘야하는 옵션값이 있을까요?