Components
A component is a piece of FinBaze UI that runs in an iframe on FinBaze's origin and talks to your page through the SDK. Views fill their container (a tax calendar, a VAT return). Elements are small inline pieces (a chip, a button) you place next to your own UI.
| Component | Kind |
|---|---|
onboarding, tax-authorisation | view |
notification-banner, action-centre | view |
transactions, transaction-detail, purchase-inbox | view |
tax-calendar, vat-return, icp-return, oss-return, tax-payments | view |
accountant-connect, support-access | view |
booking-chip, receipt-button, tax-due-chip, company-transfer, contact-support | element |
Lifecycle#
loadFinBaze(publishableKey, { fetchClientSecret })loads the controller (or<FinBazeProvider>in React).instance.create("tax-calendar", options)returns a component;component.mount(target)shows it.- The component emits events (
ready,navigate,error, plus component events). Handle them withcomponent.on(...)or React props. instance.update({ appearance, locale })restyles everything live.instance.logout()drops the token when your user signs out;instance.destroy()removes everything.
Navigation#
By default components navigate inside themselves. Set navigation: "external" and every move is emitted as a navigate event with an intent, so your router can handle it. Return component.navigate(intent) to push a destination into a mounted component.
Locales#
nl-NL, en-NL, en-GB, en-US. Defaults to the company's language; override with locale.
Try them#
The component gallery runs every component on seeded sandbox companies.