Documentation
Apps
Components
How to Use Multi select

How to Use Multi select

Setting Values and Labels

Set the values that will be sent to the server in [Values], and set user-friendly display names in [Labels].

If [Labels] is empty, the values from [Values] will be displayed.

Set these using an array format.

e.g., [1,2,3]

Setting Default Values

Set initial values in [Default values]. You can set either a fixed value or a dynamic value.

Applying Dynamic Values to Multi select

  1. Click [Create] next to [Dataflows].
  2. Select [Onboarding DB].
  3. Write the following query in [SQL]:
SELECT * FROM users LIMIT 20;
  1. Place a [Multi select].
  2. Select the placed [Multi select] and open the [Inspect].
  3. Enter the following script in [Values]:
{{ dataflow1.data.map((d) => d.id) }}
  1. Enter the following script in [Labels]:
{{ dataflow1.data.map((d) => d.email) }}
  1. Confirm that the values inside the [Multis elect] are displayed as email addresses.