사용법
입력한 글자 수에 맞춰 입력창 너비가 부드럽게 늘어나요.
인터페이스
AutoScaleInputProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| minWidth | number | 96 | 최소 너비(px) |
| maxWidth | number | 320 | 최대 너비(px) |
| wrapperClassName | string | — | 래퍼 클래스 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
AutoScaleInput 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { AutoScaleInput } from "@goldtreedev/ui";