Text Fields
Text Field
이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.
Installation
Props
TextField
| Prop | Type | Default |
|---|---|---|
asChild? | boolean | false |
maxGraphemeCount? | number | - |
onValueChange? | ((values: { value: string; graphemes: string[]; slicedValue: string; slicedGraphemes: string[]; }) => void) | - |
name? | string | - |
invalid? | boolean | false |
readOnly? | boolean | false |
disabled? | boolean | false |
required? | boolean | false |
defaultValue? | string | - |
value? | string | - |
size? | "xlarge" | "large" | "medium" | medium |
hideCharacterCount? | boolean | - |
errorMessage? | ReactNode | - |
description? | ReactNode | - |
suffix? | ReactNode | - |
suffixIcon? | ReactNode | - |
prefix? | ReactNode | - |
prefixIcon? | ReactNode | - |
indicator? | ReactNode | - |
label? | ReactNode | - |
TextFieldInput
| Prop | Type | Default |
|---|---|---|
asChild? | boolean | false |
Examples
State
Enabled
Disabled
Read Only
Customizable Parts
Prefix
https://
Suffix
cm
Both Affixes
만세
Indicator
(선택)