Inputs multiselect.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 2/2

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
72x
33x
 
 
 
 
 
 
 
 
 
72x
 
 
 
 
 
 
 
 
 
 
 
  import { type FC } from "react";
import Select, { StylesConfig } from "react-select";
import { MultiselectProps } from "shared-types";
 
const customStyles: StylesConfig = {
  control: (provided) => ({
    ...provided,
    border: "1px solid black",
    boxShadow: "none",
    "&:hover": {
      border: "1px solid black",
    },
  }),
};
 
export const Multiselect: FC<MultiselectProps> = ({ options, ...props }) => {
  return (
    <Select<any, any>
      isMulti={true}
      options={options}
      closeMenuOnSelect={false}
      placeholder
      styles={customStyles}
      {...props}
    />
  );
};