Ask AI
Skip to main content

Get value of chips input field

Function: Get value of chips input field​

This action allows you to retrieve the currently selected values from a "Chips Input Field" on your application's screen. It then stores these values into a variable, making them available for other actions or logic within your application. This is useful for capturing multiple selections made by a user in a structured way.

Input,

  • UI element: The specific "Chips Input Field" on your page from which you want to get the selected values. This must be a UI element of type "chips-input-field".

Output,

  • Answers: The name of the variable where the selected values from the "Chips Input Field" will be stored. This variable will contain a list of text values (strings). By default, this variable will be named CHIPS_INPUT_VALUE if you don't specify a different name.

Execution Flow,

Real-Life Examples,

Example 1: Capturing User Skills

Imagine you have a user profile form where users can select their skills using a "Chips Input Field". You want to save these selected skills.

  • Inputs:
    • UI element: Skills_Chips_Field (This refers to the specific Chips Input Field on your form where users select skills).
    • Answers: UserSkillsList (The variable where the selected skills will be stored).
  • Result: If the user selected "Java", "Python", and "SQL" in the Skills_Chips_Field, the UserSkillsList variable will now contain ["Java", "Python", "SQL"]. You can then use this list to update the user's profile in your database.

Example 2: Filtering Products by Category

You have an e-commerce application where users can select multiple product categories (e.g., "Electronics", "Clothing", "Books") using a "Chips Input Field" to filter products.

  • Inputs:
    • UI element: Product_Categories_Filter (The Chips Input Field where categories are selected).
    • Answers: SelectedCategories (The variable to hold the chosen categories).
  • Result: If the user selected "Electronics" and "Books", the SelectedCategories variable will contain ["Electronics", "Books"]. You can then pass this SelectedCategories list to another action that filters your product database, showing only products from those categories.

Example 3: Collecting Feedback Tags

In a feedback form, users can add multiple tags to describe their feedback (e.g., "Bug", "Feature Request", "Usability").

  • Inputs:
    • UI element: Feedback_Tags_Input (The Chips Input Field for feedback tags).
    • Answers: FeedbackTags (The variable to store the entered tags).
  • Result: If a user entered "Bug" and "Critical" as tags, the FeedbackTags variable will contain ["Bug", "Critical"]. This list can then be saved along with the feedback message, allowing you to categorize and analyze feedback more effectively.