Pre Approval Banner

Displays a financing offer banner when the authenticated customer has an active pre-approval. Clicking the banner opens Slate's application flow where the customer can complete their financing application.

Usage

<script
  async="true"
  type="module"
  src="https://components.tryslatehq.com/slate.esm.js"
></script>

<slate-pre-approval-banner-v2
  env="live"
  user-token="<session-token>"
></slate-pre-approval-banner-v2>

Caveats

Renders nothing when no offer exists — the component takes up no space if the customer has no active pre-approval.
Auto-hides after application completion — once a customer's application reaches a final state (approved, denied), the banner will stop rendering after a period of time.
env and user-token are required — omitting either will prevent the component from loading data. env must be exactly "live" or "sandbox".

Properties

Property	Attribute	Type	Default
`disableDialogs`	`disable-dialogs`	`boolean`	`false`
`env`	`env`	`"live" \| "sandbox"`	`undefined`
`userToken`	`user-token`	`string`	`undefined`

Events

Event	Description	Type
`ctaClicked`		`CustomEvent<{ view: "details" \| "application"; }>`

Built with StencilJS

Webhooks

Capital Page