Quick guide to get started on how to set up the options for your flow components.
Almost everything, not style related, you might want to give a custom setting would be found in this card. Watch the interactive video to learn more about it or if you prefer, read the detailed description below it.
This is the whole Options card.
By clicking on the right top corner icon you can create a duplicate of the component you have selected. The new component would be placed by default right after the selected one.
In this input, you'll be able to view and edit the selected component key (Keep in mind that a good practice is to never repeat keys).
From this dropdown menu, you'll be able to change the selected component type.
These tabs group options in a couple categories to make it easier to find the option you are looking for.
The "Position" tab, contains the options to move your components around. You can change the component parent container, or move the component up and down step by step.
The options shown here and in some other tabs would differ depending on the component type you have selected. Also the tabs you'll see would depend on the same.
The options on this tab change a lot depending on the selected component type, they are all related to the component content. The ones you can see in the image on the left correspond to a button.
In this tab, you can view, edit, create, or remove components show/hide conditions. The "Working with Logic" guide will dig deeper into this.
From here you can change things like the buttons' text, key, action when clicked, etc. If the component you've selected is an options selector you can access to edit these properties for each button or even add or remove buttons.
And last, but not least. The "More" tab. Here you'll find some advanced or not-so-common options depending on the type of component as always. For most components here you'll only find the "Delete" button and "Element ID" input. In the image here you are seeing the options for a whole page.