Single-Select Component

This article will show how to use the single-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 "Single Select":

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.
• 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 Value: Default value that will be submitted if the user doesn't choose one. It can also be an empty value.
• Direction: Text Direction (left to right or right to left).
• component: Dropdown or Labels display for the input.
• Size: The size of the text value inside the component.
• 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.

Usage

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