Input 공통 컴포넌트 구현

[1g2g]

⚙️ PR 타입

• Feature
• Hotfix

✨ 기능 설명 or 🚨 문제 상황

Input 공통 컴포넌트를 구현했습니다

👨‍💻 구현 내용 or 👍 해결 내용

예시 코드

<Input />
<Input
  border="1px solid black"
  borderRadius="50px"
  onChange={(e) => {
    console.log(e.target.value);
  }}
  onKeyDown={(e) => {
    if (e.key === 'Enter') {
      console.log('hi');
    }
  }}
/>

<Input
  isAutofocus={true} // 입력 필드에 자동 포커스를 설정할 경우 true로 설정 (기본값: false)
  height="40px" // 입력 필드의 높이를 설정 (기본값: '30px')
  fontSize="18px" // 입력 필드의 글꼴 크기 설정 (기본값: theme.FONT_SIZE.MD)
  backgroundColor="lightblue" // 입력 필드의 배경색 설정 (기본값: 'white')
  border="1px solid gray" // 입력 필드의 테두리 설정 (기본값: 'none')
  borderRadius="4px" // 입력 필드의 테두리 반경 설정 (기본값: '0%')
  padding="5px 10px" // 입력 필드의 안쪽 여백 설정 (기본값: '0px 10px')
/>

🎯 PR 포인트

📝 참고 사항

❓ 궁금한 점

• 부족한 부분이 있으면 가감없이 알려주세요!

[1eecan]

🎉 @dlwl98 님 랜덤 리뷰어로 당첨되셨습니다! 리뷰를 부탁드립니다. 🙏

[dlwl98]

LGTM