COMPONENTS
Input
한 줄 입력, 앞뒤 콘텐츠, 지우기와 오류 상태를 표현합니다.
미리보기
문서 플랫폼을 확인하는 중…
필드의 맥락에 맞는 크기를 사용하세요.
기본 필드는 md(40px), 작성·설정 폼은 lg(48px), 표·검색 툴바는 sm(32px)을 사용합니다. 같은 줄의 버튼도 같은 size로 맞춥니다. 기존 md의 48px 높이가 필요하면 lg를 지정하세요. 오류 상태에서는 포커스가 있어도 오류 테두리를 유지합니다.
입력값은 소비자가 관리하고 변경 통지에서 갱신합니다. FormGroup은 라벨·설명 맥락만 제공하며 입력값 저장·검증을 대신하지 않습니다.
권장
DsFormGroup으로 라벨·안내·오류를 필드와 연결합니다.
피하기
placeholder만으로 입력의 목적을 설명하지 않습니다.
기본 사용법
컴포넌트의 기본 연결 예제입니다. 위 미리보기에서 변경한 설정과 입력값은 이 코드에 반영되지 않습니다.
문서 플랫폼을 확인하는 중…
구조
문서 플랫폼을 확인하는 중…
상태·크기
문서 플랫폼을 확인하는 중…
API
문서 플랫폼을 확인하는 중…
접근성·플랫폼 차이
접근성 공통 가이드에서 키보드·포커스·이름·글자 확대와 적용 프로젝트의 책임을 확인하세요.
Vue input·readonly·html 입력 속성, React onValueChange·readOnly, Native onChangeText·TextInput 속성을 구분합니다. Native의 키보드 종류만으로 값 검증을 보장하지 않습니다.
문서 플랫폼을 확인하는 중…