The Link Accounts component is intended to be used during onboarding into Layer, both for self-serve and bookkeeping users. It will prompt users to connect all their business accounts successfully and both the connected accounts and their proper loading states.

Props should be specified to handle navigating forward and back through the onboarding process, though these buttons can be hidden via CSS as well if there is another navigation solution wrapping this component.

After connecting accounts, the component will show cards for each transaction as well as loading progress. 

<LinkAccounts
  title='Let’s connect the bank accounts and credit cards you use for your business.'
  onBack={navigate('../accounting-onboarding-start')}
  onNext={navigate('../accounting-onboarding-finish')}
/>

​
Properties

title
string

The title of the onboarding component.

inBox
boolean

Add a decorative box, intended for use as a standalone page. This flag defaults to off to allow styling within your own flow.

stringOverrides
LinkAccountsStringOverrides

Override the default strings used in the component.

onBack
function

A function to navigate to the previous screen in the onboarding flow.

onNext
function

A function to navigate to the next screen in the onboarding flow.

OnboardingLinked accounts