Number Input
사용자가 숫자 입력을 할 수 있도록 돕습니다.
Live Demo
Size
State
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "small" | "medium" | "medium" | Number Input의 크기를 선택합니다. |
| min | number | 0 | 최소 입력 값을 지정합니다. (0~100) |
| max | number | 100 | 최대 입력 값을 지정합니다. (0~100) |
| step | number | 1 | 값 변경 단위를 지정합니다. (0~100) |
| allowExceedForExplicitFeedback | boolean | false | 범위 초과 입력 허용 여부를 지정합니다. |
| component | ElementType | - | 렌더링할 HTML 요소를 지정합니다. |
| counter | boolean | - | 카운터 표시 여부를 지정합니다. |
| validationMessage | string | - | 유효성 검사 메시지를 지정합니다. |
| validationIcon | ReactNode | - | 유효성 검사 아이콘을 지정합니다. |
| locale | string | - | 로케일을 지정합니다. |
| onDecrease | () => void | - | 감소 시 실행되는 함수를 지정합니다. |
| onIncrease | () => void | - | 증가 시 실행되는 함수를 지정합니다. |
| numberFormatProps | object | - | 숫자 포맷 속성을 지정합니다. |
Anatomy
- Label (optional)
- Container
- Text
- Icon button group (optional)
- Validation message (optional)
- Helper text (optional)