slate-capital

Displays the customer's full capital overview: active financing agreements with repayment progress, and a pre-approval banner if the customer has a pending offer. Use this component when you want a single embed that covers both offer discovery and agreement tracking.

Usage

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

<slate-capital env="live" user-token="<session-token>"></slate-capital>

Caveats

  • Includes the pre-approval bannerslate-capital already embeds slate-pre-approval-banner-v2. Do not place both components on the same page, as this will result in the banner rendering twice.
  • Shows an empty state when there are no offers or agreements — customers with no active pre-approvals and no financing agreements will see a message prompting them to check back later.
  • Shows an error state on failure — if data cannot be fetched, the component renders an error message rather than silently failing.
  • 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 Description Type Default
disableDialogs disable-dialogs boolean false
env env "live" | "sandbox" undefined
userToken user-token string ""

Built with StencilJS