Pick Interest

pickinterest is an onboarding template that can be used to build multiple-choice steps, as in the screenshot below.

Key	Notes
type	pickinterest
stepId	A unique step ID
title	The step’s title
textColor
backgroundColor
buttonText	The CTA’s text, e.g., Continue
bottomButtonTextColor	The CTA’s text color
bottomButtonColor	The CTA’s text color.
bottomViewColor	The background color of the bottomView on small devices:
data	data is an array of objects that holds the data needed for each choice:  {     "textColor": "#006055",     "text": "Medication",     "backgroundColor": "#FFFFFF",     "imagePath": "https://c.thefab.co/adhd/onboarding/Medication.jpg",     "key": "medication" } {   "textColor": "#006055",   "text": "Diet and exercise",   "backgroundColor": "#FFFFFF",   "imagePath": "https://c.thefab.co/adhd/onboarding/Diet.jpg",   "key": "restrictive_diets" }

Step Example

{
   "type": "pickinterest",
   "stepId": "coping_mechanism",
   "backgroundColor": "#004b42",
   "bottomViewColor": "#53B7A9",
   "bottomButtonColor": "#FFFFFF",
   "bottomButtonTextColor": "#006055",
   "title": "What coping mechanisms have you tried or considered for managing your ADHD",
   "buttonText": "Continue",
   "textColor": "#fff",
   "data": [
       {
          "textColor": "#006055",
          "text": "Medication",
          "backgroundColor": "#FFFFFF",
          "imagePath": "https://c.thefab.co/adhd/onboarding/Medication.jpg",
          "key": "medication"
       },
       {
          "textColor": "#006055",
          "text": "Mindfulness and relaxation techniques",
          "backgroundColor": "#FFFFFF",
          "imagePath": "https://c.thefab.co/adhd/onboarding/Mindfullness.jpg",
          "key": "relaxation"
        },
        {
           "textColor": "#006055",
            "text": "Diet and exercise",
            "backgroundColor": "#FFFFFF",
            "imagePath": "https://c.thefab.co/adhd/onboarding/Diet.jpg",
            "key": "restrictive_diets"
        },
        {
            "textColor": "#006055",
            "text": "Cognitive Behavioral Therapy",
            "backgroundColor": "#FFFFFF",
            "imagePath": "https://c.thefab.co/adhd/onboarding/CBT.jpg",
            "key": "cbt"
        },
        {
            "textColor": "#006055",
            "text": "ADHD Coaching",
            "backgroundColor": "#FFFFFF",
            "imagePath": "https://c.thefab.co/adhd/onboarding/ADHD_coaching.jpg",
            "key": "none",
            "darkScrim": false
        },
        {
            "textColor": "#006055",
            "text": "Other",
            "backgroundColor": "#FFFFFF",
            "imagePath": "https://c.thefab.co/adhd/onboarding/Other.jpg",
            "key": "other"
        },
        {
            "textColor": "#006055",
            "text": "None",
            "backgroundColor": "#FFFFFF",
            "imagePath": "",
            "key": "none"
        }
    ]
}