# Component/Input

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `size` | `undefined "xsmall" "medium" "small" "large"` | No | 'medium'
'medium' |  |
| `alignment` | `undefined "center" "left" "right"` | No | 'left' |  |
| `status` | `undefined "info" "success" "error"` | No | info |  |
| `startElement` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 좌측 영역에 렌더링 될 요소 |
| `endElement` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 우측 영역에 렌더링 될 요소 |
| `leftAddon` | `string | undefined` | No |  | Input prefix 요소 |
| `rightAddon` | `string | undefined` | No |  | Input suffix 요소 |
| `width` | `CSSValueWithLength | undefined` | No |  |  |
| `showCounter` | `boolean | undefined` | No | false | 입력된 value count 노출 여부 |
| `showStatusIcon` | `boolean | undefined` | No | true | 아이콘 노출 여부 |
| `htmlSize` | `number | undefined` | No |  | HTML에 전달되는 size 값 |
| `unstableFocusVisible` | `boolean | undefined` | No |  | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
| `suffix` | `string | undefined` | No |  | Input 우측에 렌더링될 요소 |
