Onboarding

A great way to increase engagement amongst new users is to provide an onboarding flow that guides them through completing the key actions needed to get maximum benefit from your application.
Gravity comes with an onboarding component that supports multiple steps.
This is the same component that's used during the setup process and also the main application onboarding demo.
 <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
value
save
sets onboarded column in user database table to true when completed
true or false
onFinish
view to redirect to when finished
string
views
array of views containing name, description (optional) and view component
array
You can see an example of this working in /views/onboarding

Notification

Pricing

Last modified 2yr ago

prop	description	value
save	sets onboarded column in user database table to true when completed	true or false
onFinish	view to redirect to when finished	string
views	array of views containing name, description (optional) and view component	array