Text에 truncated Prop 추가 제안

[sungik-choi]

현재 상황

• 현재 말줄임 표시가 들어가는 경우, bezier의 ellipsis 속성을 styled 내부에 사용해서 스타일링하는 상황

문제점

export const ItemName = styled(Text)`
  ${ellipsis(1)}
`

• 위는 실제 데스크 코드의 일부. ellipsis가 필요한 경우, 불필요하게 styled() HOC를 사용하는 경우가 빈번하게 발생

어떻게 개선할 수 있는지

• Text 내부 prop에 truncated 같은 prop을 추가해서 Text 에 해당 prop을 넘겨주는 것만으로 ellipsis를 적용할 수 있으면 좋겠음
• Tooltip 같은 컴포넌트에도 해당 속성을 함께 추가해볼 수 있을 거 같음

Reference

• Chakra UI - Text / Truncated
• Airbnb Lunar- Text
• MUI Typography noWrap prop