[Design System] Input

[rlawdgus]

개요 🔍

input 컴포넌트 구현

작업 내용 📝

• box, bar 디자인 별 컴포넌트
• 내용 초기화 기능
• 필수 입력인 경우 표시
• 테스트 코드

기타 사항 🙋‍♂️

• clearable true를 넘겼을 때 컴포넌트 내부에서 onChange로 클리어가 구현되는 방향으로 작업했는데
• 기능이 작동은 하나 코드에 빨간 줄이 뜨고 테스트도 통과하지 않습니다.

[netlify]

✅ Deploy Preview for ids-storybook ready!

Name	Link
🔨 Latest commit	889ce03
🔍 Latest deploy log	https://app.netlify.com/sites/ids-storybook/deploys/638951a5d5127d00092a36ca
😎 Deploy Preview	https://deploy-preview-93--ids-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[IRONAGE-Park]

수고가 많으십니다.

[rlawdgus]

• 나뉘어 있던 파일을(box, box feature, bar, bar feature) 하나로(input) 합쳤습니다.

• onChange 매개변수를 string타입으로 변경했습니다.

• clearable: boolean 형태로 구현했습니다.

• Caution 아이콘의 색을 변경했습니다.

  • 지금 느낌표 부분이 흰색인데 이 디자인도 괜찮은 것 같습니다.

• 에러 메세지를 추가했습니다.

[rlawdgus]

• 버튼과 아이콘에서 버튼 하나로 변경했습니다.
• onChange 이벤트 객체를 받게 변경했습니다.
• ref를 외부에서 사용할 수 있습니다.
• 조건을 변수명으로 표현했습니다.
• 인라인 요소로 수정했습니다.