컴포넌트
InputCurrency
입력하는 즉시 3자리마다 콤마를 붙이고 통화 기호를 표시하며 커서 위치까지 보정하는 통화 포맷 인풋.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/InputCurrency-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| currencySymbol | string | "₩" | 인풋 앞에 표시할 통화 기호 접두어. |
| defaultValue | number | null | null | 비제어 초기 숫자값(null은 빈 값). |
| decimalScale | number | 0 | 허용 소수부 자릿수(0~4). |
| min | number | 0 | 허용 최소값. blur 시 이 값으로 clamp. |
| max | number | 999999999 | 허용 최대값. blur 시 이 값으로 clamp. |
| onValueChange | (value: number | null) => void | undefined | 콤마를 제거한 순수 숫자값 변경 콜백. |