Bill Pay

A bill pay widget with Tesouro widget auth and theming: a Bills tab for uploading, reviewing and paying bills, and a Vendors tab for the vendors they are paid to.

Part ofFinOps

A bill pay widget with Tesouro widget auth and theming: a Bills tab for uploading, reviewing and paying bills, and a Vendors tab for the vendors they are paid to.


Quick Start

import { BillPayWidget } from '@tesouro/embedded-components-react';

export function BillsPage() {
  return (
    <BillPayWidget
      baseUrl="https://api.example.com"
      widgetToken="wt_live_abc123"
      organizationId="org_xyz"
    />
  );
}

Props

Widget props

PropTypeDefaultDescription
initialTab'bills' | 'vendors''bills'Tab to open on initial mount.
poweredByBankNamestringundefinedBank shown as "Powered by {bank}" next to the source account when paying a bill. Omit it to hide the badge.
onSettingsClickEvent() => voidundefinedOpens your bill pay settings surface from a cog beside the bill list's "Add bill" button. The cog renders only when this is supplied and the user's scopes reach that surface.

TypeScript

import type { BillPayWidgetProps } from '@tesouro/embedded-components-react';

On this page