> ## 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.

# Bookkeeping Upsell Bar

> Banner component to promote bookkeeping services.

The BookkeepingUpsellBar component renders a promotional banner encouraging users to order bookkeeping services. It displays a "Need help with your books?" message with a "Schedule a demo" call-to-action.

The CTA can be configured as either a click handler or a link. If neither `onClick` nor `href` is provided, no CTA button is rendered.

```tsx theme={null}
import { BookkeepingUpsellBar } from '@layerfi/components'

{/* With click handler */}
<BookkeepingUpsellBar
  onClick={() => openBookkeepingModal()}
/>

{/* With external link */}
<BookkeepingUpsellBar
  href="https://example.com/bookkeeping"
/>
```

### Properties

<ParamField body="onClick" type="() => void">
  Click handler for the "Schedule a demo" button. When provided, renders a button that triggers this callback. Takes precedence over `href`.
</ParamField>

<ParamField body="href" type="string">
  URL for the "Schedule a demo" link. When provided (and `onClick` is not set), renders a link that opens in a new tab.
</ParamField>