텍스트 입력
저장소 이름, 검색어, 브랜치와 경로처럼 짧은 값을 입력한다. 가시적 label과 설명·오류의 프로그램 연결을 컴포넌트가 책임진다.
상태
Organization or account
Use letters, numbers, dots, or hyphens.
활용 방법
Repository search
Preview
tsx
<TextInput label="Search repositories" leadingVisual={<Search />} placeholder="Search" />
Code value
브랜치, SHA, 경로에는 monospace를 사용한다.
Preview
tsx
<TextInput label="Default branch" monospace />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | ReactNode | - | 필수 가시적 라벨 |
| description | ReactNode | - | 입력 전 도움말 |
| error | ReactNode | - | aria-invalid와 연결되는 오류 |
| inputSize | "small" | "medium" | "large" | "medium" | |
| monospace | boolean | false | |
| ...props | InputHTMLAttributes | - | 네이티브 input 속성 |