TextInput
TextInput은 사용자가 데이터를 입력할 수 있도록 텍스트, 숫자 등 다양한 형식의 입력 필드를 제공합니다.Property
Size
TextInput의 크기를 설정합니다.
Type
TextInput의 타입을 설정합니다.
Disabled
사용자가 상호작용할 수 없는 상태입니다. 액션을 수행하기 위한 특정 조건을 충족하지 않았거나 일시적으로 기능을 제한하려는 상황에서 사용합니다.
Invalid
유효하지 않은 상태(필수 항목 누락, 잘못된 입력 등)를 표시하여 올바른 입력을 유도합니다.
Read Only
값을 수정할 수 없지만, 텍스트를 복사하거나 읽을 수 있는 상태입니다.
Examples
States
TextInput의 다양한 상태를 보여줍니다.
Props Table
TextInput
Single-line text field for short input such as a name, email address, or password. Renders an <input> element.
| Prop | Default | Type |
|---|---|---|
invalid? | false | boolean |
size? | md | smmdlgxl |
defaultValue? | - | string |
onValueChange? | - | function |
value? | - | string |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
type? | - | searchtexttelurlemailpassword |
render? | - | ReactElementfunction |