Multi Select Input
A strapi custom field for selecting multiple options from a provided list of items.
Strapi plugin multi-select
A strapi custom field for selecting multiple options from a provided list of items.
CHANGELOG
2.1.0
- Add default value support #16
- Add Min and Max selection limits
2.0.1
- Preserve selection order when displaying previously selected options #21
2.0.0
- Migrated to Strapi v5, and the new plugin structure
- Now using @strapi/sdk-plugin
- Migrated to TypeScript
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# Using Yarn
2yarn add strapi-plugin-multi-select
3
4# Or using NPM
5npm install strapi-plugin-multi-selectThen, you'll need to build your admin panel:
1# Using Yarn
2yarn build
3
4# Or using NPM
5npm run buildUsage
After installation you will find the multi-select at the custom fields section of the content-type builder.
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.
then you can select one or more options from the list.
in this case the API will return
1{
2 "data": {
3 "id": 1,
4 "attributes": {
5 "stuff": ["Banana", "citron"]
6 }
7 }
8}You can also check the multi-country-select plugin
Install now
npm install strapi-plugin-multi-select
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.