Input

텍스트 입력 필드 컴포넌트

Input#

사용자로부터 텍스트를 입력받는 컴포넌트입니다. 다양한 타입과 상태를 지원합니다.

사용법#

// 기본 입력
CouiInput(
  onChanged: handleNameChange,
  placeholder: '이름을 입력하세요',
)

// 비밀번호 입력
CouiInput(
  type: InputType.password,
  placeholder: '비밀번호',
)

// 라벨 및 에러
CouiInput(
  label: '이메일',
  onChanged: handleEmailChange,
  errorText: '올바른 이메일을 입력하세요',
)

Input(
  onChange: handleNameChange,
  placeholder: '이름을 입력하세요',
)

Input(
  type: InputType.password,
  placeholder: '비밀번호',
)

Props / Parameters#

속성	타입	기본값	설명
`controller`	`TextEditingController?`	`null`	텍스트 컨트롤러
`onChanged`	`ValueChanged<String>?`	`null`	값 변경 콜백
`placeholder`	`String?`	`null`	플레이스홀더 텍스트
`type`	`InputType`	`text`	입력 타입
`label`	`String?`	`null`	라벨 텍스트
`errorText`	`String?`	`null`	에러 메시지
`enabled`	`bool`	`true`	활성화 여부
`maxLines`	`int`	`1`	최대 줄 수

변형 (Variants)#

입력 타입#

// 일반 텍스트
CouiInput(type: InputType.text)

// 비밀번호
CouiInput(type: InputType.password)

// 이메일
CouiInput(type: InputType.email)

// 숫자
CouiInput(type: InputType.number)

// 여러 줄 입력
CouiInput(maxLines: 4, placeholder: '내용을 입력하세요')

상태#

// 비활성화
CouiInput(enabled: false, placeholder: '수정 불가')

// 읽기 전용
CouiInput(readOnly: true, initialValue: '읽기 전용 값')

// 에러 상태
CouiInput(errorText: '필수 입력 항목입니다')