Add ellipsis to Badge

[yangwooseong]

Description

Badge 컴포넌트 안에 텍스트가 길어질 경우를 대비에 ellipsis 할 수 있는 옵션을 추가합니다.

Reasons for suggestion

이런 식으로 텍스트 길이가 길어질 때 원하지 않는 줄 바꿈이 일어납니다.

Proposed solution

Text 컴포넌트와 마찬가지로 truncated props 를 주면 좋을 것 같습니다.

References

No response

[channeltalk]

https://desk.channel.io/#/channels/1/team_chats/groups/1237/67889a01d8d61dcb83e9

[nayounsang]

안녕하세요~ 혹시 제가 이걸 기여해봐도 될까요?

[yangwooseong]

넵 감사합니다!

[nayounsang]

@yangwooseong 질문이 있습니다!
text는 multiLineTruncated 기능이 있고 이걸 위한 스토리가 있는데, badge도 이를 반영해야할지와
스토리북엔 badge의 width가 명시되지 않아 긴 글자를 넣어도 truncated가 되는 것을 확인하기 힘듭니다.
혹시 이에 대해서 의견이 있으실까요?

[yangwooseong]

@nayounsang 텍스트 컴포넌트의 truncated props 와 동일하게 해도 될 것 같습니다. truncated 를 위한 스토리 하나를 추가로 만들어주시면 됩니다.