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 items (or "chips") from a "Chips Input Field" on your application's screen. Once retrieved, these selected items are stored as a list of text values in a variable, ready for you to use in other parts of your application's logic. This is useful for capturing user selections, such as tags, categories, or multiple choices, and then processing them further.

Input​

  • UI element: This is the specific "Chips Input Field" component on your application's page from which you want to get the selected values. You must select an existing "Chips Input Field" from your application's design. This input is required.

Output​

  • Answers: This is the name of the variable where the action will store the list of selected items from the "Chips Input Field." The output will be a list of text values (strings), representing each chip that the user has chosen. By default, this variable will be named CHIPS_INPUT_VALUE, but you can change it to something more descriptive.

Execution Flow​

Real-Life Examples​

Example 1: Capturing User-Selected Tags for a Blog Post​

Scenario: You have a blog post creation form where users can select multiple tags using a "Chips Input Field." After the user submits the form, you want to save these tags with the blog post.

Inputs:

  • UI element: Select the "Tags" Chips Input Field from your form.
  • Answers: blogPostTags (This will be the name of the variable where the selected tags are stored.)

Result: The variable blogPostTags will contain a list of text values, such as ["Technology", "AI", "No-Code"], which can then be saved to your database along with the blog post content.

Example 2: Filtering a Product List by Selected Categories​

Scenario: On an e-commerce page, users can filter products by selecting multiple categories from a "Chips Input Field." You want to update the displayed product list based on their selections.

Inputs:

  • UI element: Select the "Product Categories" Chips Input Field.
  • Answers: selectedCategories

Result: The variable selectedCategories will hold a list like ["Electronics", "Home Goods"]. You can then use this list in a subsequent action (e.g., a "Filter Data" action) to show only products belonging to these categories.

Scenario: A user is looking for recipes and can input multiple ingredients they have on hand using a "Chips Input Field." You need to collect these ingredients to search for matching recipes.

Inputs:

  • UI element: Select the "Available Ingredients" Chips Input Field.
  • Answers: userIngredients

Result: The variable userIngredients will contain a list of text values, for example, ["Chicken", "Broccoli", "Garlic"]. This list can then be passed to a "Search Recipes" action to find suitable dishes.