ScreensScreen Components

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":

single select component in Descope screen

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: The available values from which to choose.
  • Default Value: What value will be submitted if the user doesn't enter any, It can also be empty values.
  • Direction: Text Direction (left to right/right to left).
  • component: What type of component would you like to use - Dropdown or Labels.
  • Size: The size of the text value inside the component.
  • 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 single-select component and setting a context key, Descopers can use the user's selection in the flow as follows:

single select example

single select component in Descope screen

Was this helpful?

On this page