Hide input cursor display if not multi select

[TimonPeng]

Temporary solutions:

1. input opacity: 0;
2. container cursor: pointer;

const selectStyles: ChakraStylesConfig = {
  container: (provided, state) => ({
    ...provided,
    cursor: "pointer",
  }),
  input: (provided, state) => ({
    ...provided,
    opacity: 0,
  }),
};

<Select chakraStyles={selectStyles} />

[csandman]

If you're just talking about disabling the search input, you can just use the isSearchable={false} prop.

import { Select } from "chakra-react-select";

const Example = () => (
  <Select isSearchable={false} />
);

CodeSandbox: https://codesandbox.io/s/chakra-react-select-not-searchable-mgxmfr?file=/example.js