How to use the Cards component as a button

How to let a user move on to the next step by clicking on a card.

In Upflowy, users will usually navigate to the next page of a flow by adding in a "Button" component: upon clicking the button, users will go through to the next page.

However, there's an exciting and satisfying exception to the rule - Cards components:

Cards Component

If set up correctly, users can progress to the next step by simply clicking on one of the cards - no button necessary!

To set it up, drag n drop a card component into your step view. On the left, you should see the traits of the Cards. You will see that "Select Multiple?" is unticked by default.

As long as you ensure that "Select Multiple?" stays unticked, your cards will act as buttons, and users can simply click on this to proceed to the next step!

If you tick "Select Multiple?", you'll see that the buttons for each card disappear, and when previewing it, you'll see that more than one card can be selected. This prevents the step from auto-submitting from allowing users to select more than one option.

Fun Fact - if you like the Cards' look and want them to act as buttons, but you want the whole card to be clickable, you can simply delete the button by removing the "Button Text" inputs on the left-side toolbox.