InputGroup
InputGroup은 입력 필드(TextInput, Textarea)와 관련 요소들을 그룹화하여 문자 수 카운터와 같은 추가 기능을 제공합니다.Examples
Custom Counter
커스텀 카운터 UI를 구현합니다.
Props Table
InputGroup.Root
Root of the InputGroup compound component, which pairs a TextInput or Textarea with an InputGroup.Counter that tracks its length. Renders a <div> element.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
InputGroup.Counter
Character count of the text input or textarea in the same InputGroup.Root, shown as count/maxLength when maxLength is set. Renders a <span> element.
| Prop | Default | Type |
|---|---|---|
children? | - | ReactNodefunction |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |