Cema edited this page Mar 28, 2016 · 2 revisions

Welcome to the react-select wiki!

For webpack

In order to add CSS styles for React Select use:

require('react-select/less/default.less')

or

require('react-select/dist/default.css')

see https://github.com/JedWatson/react-select/issues/176

Allow Create (temporary solution)

Until allowCreate={true} option doesn't fixed and merged, use one of these solutions:

  1. https://github.com/lefnire/jobpig/commit/ce4bf390f47f41683f1d253c28dc748b14287d67
  2. https://github.com/JedWatson/react-select/pull/660#issuecomment-169249033
  3. filterOptions function:
filterOptions = (options, filter, values) => {
  // Filter already selected values
  let filteredOptions = options.filter(option => {
    return !(values.includes(option));
  });

  // Filter by label
  if (filter !== undefined && filter != null && filter.length > 0) {
    filteredOptions = filteredOptions.filter(option => {
      return RegExp(filter, 'ig').test(option.label);
    });
  }

  // Append Addition option
  if (filteredOptions.length == 0) {
    filteredOptions.push({
      label:  <span><strong>Create</strong>: {filter}</span>,
      value:  filter,
      create: true,
    });
  }

  return filteredOptions;
};

For more information, see: https://github.com/JedWatson/react-select/pull/660

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.