# Component/NumericInput

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `size` | `undefined "xsmall" "medium" "small" "large"` | No | 'medium'
'medium' |  |
| `width` | `CSSValueWithLength | undefined` | No |  |  |
| `leftAddon` | `string | undefined` | No |  | Input prefix 요소 |
| `status` | `undefined "info" "success" "error"` | No | 'info' |  |
| `startElement` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 좌측 영역에 렌더링 될 요소 |
| `endElement` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 우측 영역에 렌더링 될 요소 |
| `alignment` | `undefined "center" "left" "right"` | No | 'left' |  |
| `rightAddon` | `string | undefined` | No |  | Input suffix 요소 |
| `showStatusIcon` | `boolean | undefined` | No | true | 아이콘 노출 여부 |
| `htmlSize` | `number | undefined` | No |  | HTML에 전달되는 size 값 |
| `suffix` | `string | undefined` | No |  | Input 우측에 렌더링될 요소 |
| `allowNegative` | `boolean | undefined` | No | true |  |
| `decimalScale` | `number | undefined` | No |  |  |
| `allowEmpty` | `boolean | undefined` | No |  |  |
| `isAllowed` | `((values: NumberFormatValues) => boolean) | undefined` | No |  |  |
| `onChange` | `((value: number | null, event: ChangeEvent<HTMLInputElement>) => void) | ((value: number, event: ChangeEvent<HTMLInputElement>) => void) | undefined` | No |  |  |
| `ref` | `Ref<HTMLInputElement> | undefined` | No |  |  |
