ChatInput
shell채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select.
컴포넌트 의존 관계
깊이
100%
ShiftEnter로 줄바꿈
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
ChatInput 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
ChatInput Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
value | string | — | 제어 모드: 입력 값 |
onSend | (message: string) => void | — | 메시지 전송 핸들러 |
onFileAttach | () => void | — | 파일 첨부 클릭 핸들러 |
models | ChatModelDef[] | — | 모델 선택 옵션 |
stylePresets | ChatStylePresetDef[] | — | 스타일 프리셋 옵션 |
maxRows | number | 6 | textarea 최대 행 수 |
showHint | boolean | true | Shift+Enter 힌트 표시 여부 |
labels | ChatInputLabels | — | i18n 라벨 오버라이드 |
Import
tsx
import { ChatInput } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| Enter | 메시지 전송 |
| Shift + Enter | 줄바꿈 |