> ## Documentation Index
> Fetch the complete documentation index at: https://docs.layerfi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Onboarding

> Prompts users to connect accounts and categorize transactions.

The onboarding component can be included on an accounting landing page to prompt users to connect accounts.
![Onboarding landing state](https://github.com/Layer-Fi/layer-react/assets/1592431/1fef5910-3a6f-41d8-9600-a66b07ccfc33)

After connecting accounts, the component will change into a prompt to categorize transactions.
![Onboarding after linking](https://github.com/Layer-Fi/layer-react/assets/1592431/4b7d5711-f1da-42cb-8105-e0489f7431ad)

For a business that has already onboarded, this component will render nothing, so it's safe to leave on the default page for all businesses.

```tsx theme={null}
<Onboarding
  onTransactionsToReviewClick={() => navigate('/accounting/bank-transactions')}
/>
```

### Properties

<ParamField body="onTransactionsToReviewClick" type="() => void">
  A function which navigates to the bank transactions to review page of your app.
</ParamField>

<ParamField body="onboardingStepOverride" type="string">
  By default, the onboarding component will infer the onboarding step by checking if the business has connected accounts.
  If you want to override this behavior, you can set this parameter to `'connectAccount'` or `'complete'`.
</ParamField>
