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
Last modified 2yr ago