Onboarding

A great way to increase engagement and retention is to provide an onboarding flow that guides users through completing the key actions needed to get maximum benefit from your application.

Gravity comes with an onboarding component that supports multiple steps.

<Onboarding/> is the same component used during the setup process.

Preview

Code

 <Onboarding 
  save
  onFinish='/dashboard'
  views={[
  {
    name: 'Getting Started',
    description: 'Welcome to Gravity',
    component: <Welcome/>
  },
  { 
    name: 'Invite your team', 
    description: 'Gravity is more fun when you invite your team.',
    component: <InviteUsers/>,
  }
]}/>

Prop	Description	Required	Value
onFinish	url to navigate to when finished	required	string
save	set onboarded column in user database table to true when completed	optional	boolean
views	array of views to render	required	array

You can see an example of this working in /views/onboarding