• Product

  • Solutions

  • Developers

  • Docs

  • Pricing

  • Cloud

Search icon
Strapi plugin logo for Multi Select Input

Multi Select Input

A strapi custom field for selecting multiple options from a provided list of items.

thumbnail for Multi Select Input

Strapi plugin multi-select

A strapi custom field for selecting multiple options from a provided list of items.

CHANGELOG

1.2.2 Support colons in option values, only first colon is used as separator

example usage: this_is_label:all:of:this:is:value

1.2.1 Localize option label

example usage: my.custom.translations.key:value

1.2.0 Replace strapi select with react-select

Installation

To install this plugin, you need to add an NPM dependency to your Strapi application:

1
2
3
4
5
# Using Yarn
yarn add strapi-plugin-multi-select

# Or using NPM
npm install strapi-plugin-multi-select

Then, you'll need to build your admin panel:

1
2
3
4
5
# Using Yarn
yarn build

# Or using NPM
npm run build

Usage

After installation you will find the multi-select at the custom fields section of the content-type builder.

multi-select screenshot

You add options to the multi-select by adding a line separated list of options to the options field.

You can also add a value and a label separated by a colon (e.g. label:value). If no value is provided, the label will be used as the value.

multi-select screenshot options

then you can select one or more options from the list.

multi-select screenshot

in this case the API will return

1
2
3
4
5
6
7
8
{
  "data": {
    "id": 1,
    "attributes": {
      "stuff": ["Banana", "citron"]
    }
  }
}

You can also check the multi-country-select plugin

Install now

npm install strapi-plugin-multi-select

STATS

29 GitHub stars7833 weekly downloads

Last updated

113 days ago

Strapi Version

4.4.0 and above

Author

github profile image for Zaydme
Zaydme

Useful links

Create your own plugin

Check out the available plugin resources that will help you to develop your plugin or provider and get it listed on the marketplace.