0.10.0 • Published 2 years ago
TextInput
사용자로부터 텍스트 입력을 받기 위한 UI요소입니다.
Usage
Storybook
<TextInput>
<TextInput.Label>
<TextInput.Message>
<TextInput>
Props
TextInput
| Property | Allow Types | Description | Default |
|---|
| type | text password | 텍스트의 입력 타입을 지정합니다. | text |
| size | sm md lg | 컴포넌트의 크기를 조정합니다. | md |
| clearable | boolean | 사용자가 입력 필드의 내용을 초기화 할 수 있는 아이콘을 컴포넌트 우측 내부에 생성합니다 | false |
| width | number | 컴포넌트의 가로 너비를 조절합니다. | 100% |
| maxLength | number | 입력 필드에 입력 가능한 최대 문자수를 나타냅니다. | 256 |
| icon | React.ReactElement | 컴포넌트 좌측 내부에 아이콘을 삽입합니다. | undefined |
TextInput.Label
| Property | Allow Types | Description | Default |
|---|
| children | string | 컴포넌트의 라벨을 지정해줍니다 | |
TextInput.Message
| Property | Allow Types | Description | Default |
|---|
| consistent | boolean | 메세지를 지속적으로 보여줍니다. | false |