Text field
일정 높이의 필드 안에 한 줄 이하의 값을 입력할 수 있는 컴포넌트로 Heading, Placeholder, Description 등의 요소를 활용하여 사용자가 입력할 내용의 형식을 보다 명확하게 안내합니다.
- 1. Container
- 2. Leading icon
- 3. Placeholder
- 4. Trailing contents
- 5. Value
- 6. Clear button
- 7. Positive icon
- 8. Trailing button
휴대전화 번호 입력 시 4자 단위로 하이픈(-)이 포함된 형식을 사용하는 것을 권장합니다. 컴포넌트 자체 지원이 아닌 각
프로젝트 담당자들간의 커뮤니케이션으로 적용 가능합니다.
카드번호 16자 입력 시 4자 단위로 하이픈(-)이 포함된 형식을 사용하는 것을 권장합니다. 컴포넌트 자체 지원이 아닌 각 프로젝트 담당자들간의 커뮤니케이션으로 적용가능합니다.
Label과 Message는 Text field가 아닌 Form control이 제공합니다. 입력할 내용이나 입력 조건을 안내해야 할 때 Form control로 감싸서 사용합니다.
Trailing button을 활성하여 사용하며 인증번호 입력 필드가 노출 될 때 포커스가 이동합니다.
일정 시간 이후 필드의 버튼과 타이머가 비활성화 됩니다.
