Function MultiValue

packages/react-select/src/components/MultiValue.tsx:159–214

(
  props: MultiValueProps<Option, IsMulti, Group>
)

}

const MultiValue = <
  Option,
  IsMulti extends boolean,
  Group extends GroupBase<Option>
>(
  props: MultiValueProps<Option, IsMulti, Group>
) => {
  const {
    children,
    components,
    data,
    innerProps,
    isDisabled,
    removeProps,
    selectProps,
  } = props;

  const { Container, Label, Remove } = components;

  return (
    <Container
      data={data}
      innerProps={{
        ...getStyleProps(props, 'multiValue', {
          'multi-value': true,
          'multi-value--is-disabled': isDisabled,
        }),
        ...innerProps,
      }}
      selectProps={selectProps}
    >
      <Label
        data={data}
        innerProps={{
          ...getStyleProps(props, 'multiValueLabel', {
            'multi-value__label': true,
          }),
        }}
        selectProps={selectProps}
      >
        {children}
      </Label>
      <Remove
        data={data}
        innerProps={{
          ...getStyleProps(props, 'multiValueRemove', {
            'multi-value__remove': true,
          }),
          'aria-label': `Remove ${children || 'option'}`,
          ...removeProps,
        }}
        selectProps={selectProps}
      />
    </Container>
  );
};

export default MultiValue;