Multi-Select Component

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. The regular multi-select input allows the user to choose one or more values from a predetermined list, while the dynamic multi-select allows the user to input their own values.

Options Overview

• Context Key: Input results will be populated as a list inside a context key under form.
• Label: The label that will be displayed right above the component.
• Placeholder: The text that will be displayed inside the input component as a placeholder.
• Maximum Values: The maximum number of values the component can accept. It can be left empty to not set a maximum values limit.
• Direction: Text Direction (left to right or right to left).
• Fill container: Toggle on whether the input stretches to fit the container.
• Mandatory: Under behavior, determines if the user must select a value to continue to the next step.
• Size: The size of the text value inside the component.

Regular Multi-select options

• Values: Available values from which to choose. Each value can be a static value, a context key, or dynamic value. If the dynamic value is a list of values (ex: {{user.loginIds}}), they will each show up as a separate value in the list of available values.
• Default Values: Default values that will be submitted if the user doesn't choose any. They can also be empty values.
• Component: Dropdown or Labels display for the input.

Usage

Once using the multi-select component and setting a context key, Descopers can use the user's selection in the flow as follows: