InputGroup

InputGroup

import InputGroup from "@kiwicom/orbit-components/lib/InputGroup";
import InputField from "@kiwicom/orbit-components/lib/InputField";
import Select from "@kiwicom/orbit-components/lib/Select";
<InputGroup>
<InputField />
<Select />
</InputGroup>

Props

NameTypeDefaultDescription
childrenReact.NodeThe content of the InputGroup, normally InputField or Select.
dataTeststringOptional prop for testing purposes.
idstringSet id for InputGroup
errorReact.NodeThe error to display in a tooltip. See Functional specs
helpReact.NodeThe help to display in a tooltip. See Functional specs
disabledbooleanWhether to disable all nested fields.
flexstring or Array<string>"0 1 auto"The flex attribute(s) for children of the InputGroup. See Functional specs
labelTranslationThe label for the InputGroup. See Functional specs
onChangeevent => void \| PromiseFunction for handling onClick event. See Functional specs
onFocusevent => void \| PromiseFunction for handling onFocus event. See Functional specs
onBlurevent => void \| PromiseFunction for handling onBlur event between different InputGroup children. See Functional specs
onBlurGroupevent => void \| PromiseFunction for handling onBlur event for the whole InputGroup. See Functional specs
spaceAfterenumAdditional margin-bottom after component.
ariaLabelstringOptional prop for aria-label value.
ariaLabelledbystringOptional prop for aria-labelledby value.
requiredbooleanIf true, displays the label as required and sets aria-required on the fieldset.

enum

spaceAfter
"none"
"smallest"
"small"
"normal"
"medium"
"large"
"largest"

Functional specs