PillsInput is a utility component that can be used to create custom tag inputs, multi selects and
other similar components. By itself it does not include any logic, it only renders given children.
PillsInput is used in combination with Pill component.
PillsInput component supports Input and Input.Wrapper components features and all
div element props.
PillsInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.
PillsInput with Combobox to create searchable multiselect:
PillsInput is used without label prop, it will not be announced properly by screen reader:
aria-label on the
PillsInput.Field component to make the input accessible.
In this case label will not be visible, but screen reader will announce it:
label prop is set, the input will be accessible it is not required to set