Introduction
This article will show how to use the multi-select component and what options a Descoper can change to customize the user's choice and experience.
Screen Builder
Create a new screen inside a flow, and search for "Multi Select" you will find the regular multi-select component and the dynamic multi-select:
![multi select component in Descope screen.](/static/image1-3e2d0992e8f6c8045691f6c6c53c25c1.png)
Options Overview
- Context Key: Eventually, answers will be populated as a list inside a context key under
form.
- Label: The label will be presented to the customer right above the component.
- Placeholder: A text that will be displayed inside the input component as a placeholder.
- Values: For multi-select only, there are available values from which to choose.
- Default Values: For multi-select only - what values will be submitted if the user doesn't enter any? It can also be empty values.
- component: For multi-select only - what type of component would you like to use -
Dropdown
orLabels.
- Maximum Values: The maximum number of values the component can accept. It can be left empty.
- Direction: Text Direction (left to right/right to left).
- Fill container: Stretch to fit the container.
- Mandatory: Determines if the user must select a value to continue to the next step.
Usage
Once using the multi-select component and setting a context key, Descopers can use the user's selection in the flow as follows:
![multi select example](/static/image2-c4e738b341b158b723c6ef5cc9142368.png)
![multi select component in Descope screen.](/static/image3-8014f91f6162e835d2d3dff1fbd5fc23.png)