Skip to main content

Multi-select menu element

Welcome to the new home of Slack developer docs!

We're still building and not all features are available quite yet. Enjoy this peek into the future!

Not ready for the future? Return to the past at api.slack.com.

Usage info

Interactive component - see our guide to enabling interactivity.

Just like regular select menus, multi-select menus also include type-ahead functionality, where a user can type a part or all of an option string to filter the list.

There are different types of multi-select menu that depend on different data sources for their lists of options:

Example:

An example of a multi-select element


Static options

This is the most basic form of select menu, with a static list of options passed in when defining the element.

Fields

FieldTypeDescriptionRequired?
typeStringThe type of element. In this case type is always multi_static_select.Required
action_idStringAn identifier for the action triggered when a menu option is selected. You can use this when you receive an interaction payload to identify the source of the action. Should be unique among all other action_ids in the containing block. Maximum length is 255 characters.Optional
optionsObject[]An array of option objects. Maximum number of options is 100. Each option must be less than 76 characters. If option_groups is specified, this field should not be.Required
option_groupsObject[]An array of option group objects. Maximum number of option groups is 100. If options is specified, this field should not be.Optional
initial_optionsObject[]An array of option objects that exactly match one or more of the options within options or option_groups. These options will be selected when the menu initially loads.Optional
confirmObjectA confirm object that defines an optional confirmation dialog that appears before the multi-select choices are submitted.Optional
max_selected_itemsIntegerSpecifies the maximum number of items that can be selected in the menu. Minimum number is 1.Optional
focus_on_loadBooleanIndicates whether the element will be set to auto focus within the view object. Only one element can be set to true. Defaults to false.Optional
placeholderObjectA plain_text only text object that defines the placeholder text shown on the menu. Maximum length for the text in this field is 150 characters.Optional

Example

A static multi-select menu

[
{
"type": "section",
"block_id": "section678",
"text": {
"type": "mrkdwn",
"text": "Pick items from the list"
},
"accessory": {
"action_id": "text1234",
"type": "multi_static_select",
"placeholder": {
"type": "plain_text",
"text": "Select items"
},
"options": [
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-0"
},
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-1"
},
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-2"
}
]
}
}
]


External data source

This menu will load its options from an external data source, allowing for a dynamic list of options.

Setup

To use this menu type, you'll need to configure your app first:

  1. Go to your app's settings page and select Interactivity & Shortcuts from the sidebar.
  2. Add a URL to the Options Load URL under Select Menus.
  3. Save changes.

Each time a menu of this type is opened or the user starts typing in the typeahead field, we'll send a request to your specified URL. Your app should return an HTTP 200 OK response, along with an application/json post body with an object containing either:

The option_groups array can have a maximum number of 100 option groups with a maximum of 100 options.

Here's an example response:

{
"options": [
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-0"
},
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-1"
},
{
"text": {
"type": "plain_text",
"text": "*this is plain_text text*"
},
"value": "value-2"
}
]
}

Making the element optional

By default, external multi-select menu elements require a user to select at least one option from the drop-down menu. However, there is a way to make a selection from this element optional. This is done by containing the element within an input block, and using its optional field to designate the input element as an optional element. (In fact, any Block Kit element can be made optional this way!)

Fields

FieldTypeDescriptionRequired?
typeStringThe type of element. In this case type is always multi_external_select.Required
action_idStringAn identifier for the action triggered when a menu option is selected. You can use this when you receive an interaction payload to identify the source of the action. Should be unique among all other action_ids in the containing block. Maximum length is 255 characters.Optional
min_query_lengthIntegerWhen the typeahead field is used, a request will be sent on every character change. If you prefer fewer requests or more fully ideated queries, use the min_query_length attribute to tell Slack the fewest number of typed characters required before dispatch. The default value is 3.Optional
initial_optionsObject[]An array of option objects that exactly match one or more of the options within options or option_groups. These options will be selected when the menu initially loads.Optional
confirmObjectA confirm object that defines an optional confirmation dialog that appears before the multi-select choices are submitted.Optional
max_selected_itemsIntegerSpecifies the maximum number of items that can be selected in the menu. Minimum number is 1.Optional
focus_on_loadBooleanIndicates whether the element will be set to auto focus within the view object. Only one element can be set to true. Defaults to false.Optional
placeholderObjectA plain_text only text object that defines the placeholder text shown on the menu. Maximum length for the text in this field is 150 characters.Optional

Example

A multi-select menu in a section block with an external data source:

[
{
"type": "section",
"block_id": "section678",
"text": {
"type": "mrkdwn",
"text": "Pick items from the list"
},
"accessory": {
"action_id": "text1234",
"type": "multi_external_select",
"placeholder": {
"type": "plain_text",
"text": "Select items"
},
"min_query_length": 3
}
}
]

User list

This multi-select menu will populate its options with a list of Slack users visible to the current user in the active workspace.

Fields

FieldTypeDescriptionRequired?
typeStringThe type of element. In this case type is always multi_users_select.Required
action_idStringAn identifier for the action triggered when a menu option is selected. You can use this when you receive an interaction payload to identify the source of the action. Should be unique among all other action_ids in the containing block. Maximum length is 255 characters.Optional
initial_usersString[]An array of user IDs of any valid users to be pre-selected when the menu loads.Optional
confirmObjectA confirm object that defines an optional confirmation dialog that appears before the multi-select choices are submitted.Optional
max_selected_itemsIntegerSpecifies the maximum number of items that can be selected in the menu. Minimum number is 1.Optional
focus_on_loadBooleanIndicates whether the element will be set to auto focus within the view object. Only one element can be set to true. Defaults to false.Optional
placeholderObjectA plain_text only text object that defines the placeholder text shown on the menu. Maximum length for the text in this field is 150 characters.Optional

Example

A multi-select menu in a section block showing a list of users:

[
{
"type": "section",
"block_id": "section678",
"text": {
"type": "mrkdwn",
"text": "Pick users from the list"
},
"accessory": {
"action_id": "text1234",
"type": "multi_users_select",
"placeholder": {
"type": "plain_text",
"text": "Select users"
}
}
}
]

Conversations list

This multi-select menu will populate its options with a list of public and private channels, DMs, and MPIMs visible to the current user in the active workspace.

Fields

FieldTypeDescriptionRequired?
typeStringThe type of element. In this case type is always multi_conversations_select.Required
action_idStringAn identifier for the action triggered when a menu option is selected. You can use this when you receive an interaction payload to identify the source of the action. Should be unique among all other action_ids in the containing block. Maximum length is 255 characters.Optional
initial_conversationsString[]An array of one or more IDs of any valid conversations to be pre-selected when the menu loads. If default_to_current_conversation is also supplied, initial_conversations will be ignored.Optional
default_to_current_conversationBooleanPre-populates the select menu with the conversation that the user was viewing when they opened the modal, if available. Default is false.Optional
confirmObjectA confirm object that defines an optional confirmation dialog that appears before the multi-select choices are submitted.Optional
max_selected_itemsIntegerSpecifies the maximum number of items that can be selected in the menu. Minimum number is 1.Optional
filterObjectA filter object that reduces the list of available conversations using the specified criteria.Optional
focus_on_loadBooleanIndicates whether the element will be set to auto focus within the view object. Only one element can be set to true. Defaults to false.Optional
placeholderObjectA plain_text only text object that defines the placeholder text shown on the menu. Maximum length for the text in this field is 150 characters.Optional

Example

A multi-select menu in a section block showing a list of conversations:

[
{
"type": "section",
"block_id": "section678",
"text": {
"type": "mrkdwn",
"text": "Pick conversations from the list"
},
"accessory": {
"action_id": "text1234",
"type": "multi_conversations_select",
"placeholder": {
"type": "plain_text",
"text": "Select conversations"
}
}
}
]

Public channels select

This multi-select menu will populate its options with a list of public channels visible to the current user in the active workspace.

Fields

FieldTypeDescriptionRequired?
typeStringThe type of element. In this case type is always multi_channels_select.Required
action_idStringAn identifier for the action triggered when a menu option is selected. You can use this when you receive an interaction payload to identify the source of the action. Should be unique among all other action_ids in the containing block. Maximum length is 255 characters.Optional
initial_channelsString[]An array of one or more IDs of any valid public channel to be pre-selected when the menu loads.Optional
confirmObjectA confirm object that defines an optional confirmation dialog that appears before the multi-select choices are submitted.Optional
max_selected_itemsIntegerSpecifies the maximum number of items that can be selected in the menu. Minimum number is 1.Optional
focus_on_loadBooleanIndicates whether the element will be set to auto focus within the view object. Only one element can be set to true. Defaults to false.Optional
placeholderObjectA plain_text only text object that defines the placeholder text shown on the menu. Maximum length for the text in this field is 150 characters.Optional

Example

A multi-select menu in a section block showing a list of channels:

[
{
"type": "section",
"block_id": "section678",
"text": {
"type": "mrkdwn",
"text": "Pick channels from the list"
},
"accessory": {
"action_id": "text1234",
"type": "multi_channels_select",
"placeholder": {
"type": "plain_text",
"text": "Select channels"
}
}
}
]