본문으로 건너뛰기
입력

텍스트 입력

한 줄 텍스트를 받는 입력 필드다. API key, repo, branch, email처럼 개발자 도구의 짧은 값을 입력한다.

상태

text
email
password
disabled

활용 방법

아이콘 입력

선두 아이콘으로 값의 종류를 보강한다.

Preview
tsx
<Input icon={<Server size={13} />} placeholder="api.duolabs.dev" />

속성

이름타입기본값설명
classNamestring-너비
...propsInputHTMLAttributes-네이티브 input 속성