react-pageable-select

Handle search case sensivite

example with multi select

xxxxxxxxxx
 
  <ReactPageableSelect
          data={data}
          selectProps={{
            multiple: true,
            onChange: (e) => alert('selected value: ' + e.target.value)
          }}
          caseSensitive={caseSensitive}
          searchPattern={(d) => d.name + ' ' + d.id}
          option={(d, index) => (
            <option key={index}>
              {d.name} - {d.phone}
            </option>
          )}
          onPageChange={() => alert('page changed')}
        />

Pageof 1

example with default select

xxxxxxxxxx
 
 <ReactPageableSelect
            data={data}
            searchPattern={(d) => d.name + ' ' + d.email}
            caseSensitive={caseSensitive}
            option={(d, index) => (
              <option key={index}>
                {d.name} - {d.email}
              </option>
            )}
            onPageChange={() => alert('page changed')}
          />

Pageof 1

you cannot search by email in this because search pattern not include email

xxxxxxxxxx
 
 <ReactPageableSelect
            data={data}
            searchPattern={(d) => d.name}
            selectProps={{
              multiple: true,
              onChange: (e) => alert('selected value: ' + e.target.value)
            }}
            caseSensitive={caseSensitive}
            option={(d, index) => (
              <option key={index}>
                {d.name} - {d.email}
              </option>
            )}
            onPageChange={() => alert('page changed')}
          />

Pageof 1