InputField

Props

Prop	Type	Default	Description
appearance	'default' | 'filled'	'default'	형태
size	'medium' | 'large' | 'small'	'medium'	사이즈
state	'default' | 'error'	'default'	상태
variant	'default' | 'password'	'default'	타입
label	string	-	라벨 텍스트
required	boolean	-	필수 여부 (true일 경우 badge 표시)
helperMessage	string	-	보조 메시지 텍스트
name	string	-	input 고유 이름
placeholder	string	-	플레이스 홀더 텍스트
value	string	-	input 입력 값
onChange	function	-	입력 값 변경 핸들러
onBlur	function	-	input blur 이벤트 핸들러
handleEnter	function	-	엔터 키 입력 핸들러
formatter	function	-	입력 값 포맷 설정 함수
rightSlot	React.ReactNode	-	input 우측 추가 컴포넌트 영역
className	string	-	input 커스텀 스타일 적용

Usage

<InputField
  label={'라벨'}
  required
  placeholder={'플레이스 홀더'}
  helperMessage={'보조 메시지 영역'}
  name={'input'}
  value={''}
  onChange={() => {}}
/>