Yes No Question

The yesNoQuestion is a special question template that represents a question with binary CTA. It includes intro text, image and title, a template should include at least one of the previous properties.

Step Config

Key	Description	Is Optional?
type	Should be yesNoQuestion to differs from other steps.	Required
stepId	Unique step identifier.	Required
backgroundColor	The background color of the page.	Optional
shouldFadeIn	Whether the step should fadeIn animation on enter.	Optional
shouldFadeOut	Whether the step should fadeOut animation on leave.	Optional
textColor	Color of the entire step text.	Optional
introText	Intro text to show on top of the step.	Required if image and title are not added.
image	Text to show below the progress bars.	Required if introText and title are not added.
imageWidth	Width of the image.	Optional
imageHeight	Height of the image	Optional
title	The main step question.	Required if introText and image are not added.
ctas	The CTAs to be added. Max 2 CTAs can be added	Required

CTAs Config

Key	Description	Is Optional?
text	CTA text.	Required
value	CTA value.	Required
textColor	CTA text color.	Optional
backgroundColor	The background color of the CTA.	Required
hoverBackgroundColor	The background color of the CTA on hover, will default to 20% darker shade than backgroundColor.	Optional

Example

YesNoQuestion

{
  "id": "mind_app_id",
  "journeyId": "SaDJUYAjRv",
  "language": "en",
  "appId": "co.thefab.mind",
  "seo": {
    "title": "Lumiere",
    "favicon": "https://c.thefab.co/web-onboarding/mind/mind-favicon.png",
    "description": "Manage stress and anxiety through self-care practices and empowering affirmations. Embark on a journey of self-love."
  },
  "steps": [
    {
      "stepId": "step_id_1",
      "type": "yesNoQuestion",
      "textColor": "#251C93",
      "introText": "DO YOU RELATE TO THE FOLLOWING?",
      "title": "How much sleep do you usually get at night?",
      "image": "https://storage.googleapis.com/c.thefab.co/test-onboarding-images/placeholder.png",
      "ctas": [
        {
          "text": "Yes",
          "value": "yes",
          "textColor": "#FFFFFF",
          "backgroundColor": "#3425B8"
        },
        {
          "text": "No",
          "value": "no",
          "textColor": "#FFFFFF",
          "backgroundColor": "#3425B8"
        }
      ]
    },
    {
      "stepId": "step_id_2",
      "type": "yesNoQuestion",
      "backgroundColor": "#19223E",
      "introText": "DO YOU RELATE TO THE FOLLOWING?",
      "textColor": "#E7E9F9",
      "title": "How much sleep do you usually get at night?",
      "imageWidth": 140,
      "imageHeight": 150,
      "image": "https://storage.googleapis.com/c.thefab.co/test-onboarding-images/sheep%20sleep.png",
      "ctas": [
        {
          "text": "Yes",
          "value": "yes",
          "textColor": "#FFFFFF",
          "backgroundColor": "#E2B3B8"
        },
        {
          "text": "No",
          "value": "no",
          "textColor": "#FFFFFF",
          "backgroundColor": "#E2B3B8"
        }
      ]
    }
  ],
  "logic": []
}