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