InputGroup
InputGroup은 입력 필드(TextInput, Textarea)와 관련 요소들을 그룹화하여 문자 수 카운터와 같은 추가 기능을 제공합니다.Examples
Custom Counter
커스텀 카운터 UI를 구현합니다.
Props Table
InputGroup.Root
InputGroup 복합 컴포넌트의 루트. TextInput 또는 Textarea와, 그 길이를 추적하는 InputGroup.Counter를 짝지어 줍니다. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
InputGroup.Counter
같은 InputGroup.Root 안에 있는 텍스트 입력 또는 textarea의 글자 수. maxLength가 설정되어 있으면 count/maxLength 형태로 표시됩니다. <span> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
children? | - | ReactNodefunction |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |