[Feat/#11] 텍스트 컴포넌트 제작

[sikkzz]

• [Feature] Text 컴포넌트 제작 #11

💡 변경사항 & 이슈

텍스트 컴포넌트 제작

✍️ 관련 설명

매번 mixin 사용해서 스타일링 하는거 보다 Text 컴포넌트를 만들고 props로 스타일링 받는게 통일성 밎 확장성에 도움 될 거 같아서 만들어봤어

props들만 간단히 설명해줄게
size -> font size
color -> font color
weight -> font weight
align -> text align

위 props들은 보면 다 알 수 있을거야

truncated -> 얘는 텍스트 line clamp 및 overflow ellipsis 처리 용인데 우선은 true로 줄때 1줄 처리, 2로 넘기면 2줄 처리까지만 해놨어 이후에 필요성이 생기면 확장해볼게

이게 1줄용 truncated={true}

이게 2줄용 truncated={2}

내가 놓치지 않았다면 이 컴포넌트로 지금까지 나온 디자인의 텍스트들은 다 처리가 가능할꺼야. 혹시 놓친 부분이 있거나 의견 있으면 애기해줘!

⭐️ Review point

• 해당 컴포넌트로 처리 불가능한 텍스트 디자인 없는지
• 이해 안가는 부분 있는지
• 이외 추가 의견

📷 Demo

.

[github-actions]

🧷 Storybook: https://6798a432c75b75bf6b81bc26-virzbemtgs.chromatic.com/

⏰ Update: 2025년 02월 01일 16시 14분