Gravity
Search…
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.
1
<Onboarding
2
save
3
onFinish='/dashboard'
4
views={[
5
{
6
name: 'Getting Started',
7
description: 'Welcome to Gravity',
8
component: <Welcome/>
9
},
10
{
11
name: 'Invite your team',
12
description: 'Gravity is more fun when you invite your team.',
13
component: <InviteUsers/>,
14
}
15
]}/>
Copied!
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 1yr ago
Copy link