Input Group

Import

import {InputGroup} from '@astryxdesign/core/InputGroup';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

InputGroup connects an input with prefix/suffix addons in a single visual unit. Use it for URL fields, currency inputs, search fields with action buttons, or any input that need...

Important props

Theming targets

Best practices

• DoUse text addons to show units, prefixes, or suffixes that clarify the input format (e.g., "$", "kg", "https://").
• DoUse InputGroupText for static prefixes/suffixes like "$", "kg", or "https://".
• DoUse InputGroup with compatible single-line inputs: TextInput, NumberInput, TimeInput, DateInput, Typeahead, Selector, and MultiSelector.
• DoKeep each inner input's label specific; grouped inputs automatically combine the group label with their own label and inherit the group description/status context.