slate-capital

Displays the customer's full financing overview: their active financing agreements with repayment progress, and the offer banner on top. Use this component when you want a single embed that covers both offer discovery and agreement tracking.

One embed serves every product. If your organization offers both capital and credit line, you don't need to implement the component twice or decide anything per customer: it evaluates which product each customer is enrolled in from their own offer and shows the right experience — the capital dashboard with its offer banner, or the credit line dashboard with the line's banner and draws. Capital deals and credit line draws are both financing agreements, so the schedule, payments and pay-early flow below the banner are identical.

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>

How the product is resolved

A customer is enrolled in exactly one product. The component reads the product from the customer's own offer and picks the experience accordingly — no attribute needed:

Customer's product	Banner on top	Agreements listed
Capital	`slate-pre-approval-banner-v2`	Capital agreements
Credit line	`slate-credit-line-banner`	Draws of the customer's credit line

A customer with no offer yet sees a product-neutral empty state until Slate finishes evaluating them.

Forcing a product

product is an optional override. When set, it wins over the customer's offer — useful only if you want a page locked to one experience regardless of who views it:

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

Caveats

Includes the banner — slate-capital already embeds the banner of the customer's product (slate-pre-approval-banner-v2 or slate-credit-line-banner). Do not place either banner separately on the same page, as it would render twice.
Shows an empty state when there is nothing to show — customers with no offer, no agreements and no line see a product-neutral message ("No offers yet") until Slate finishes evaluating them.
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
`adjustTerms`	`adjust-terms`		`boolean`	`false`
`disableDialogs`	`disable-dialogs`		`boolean`	`false`
`env`	`env`		`"live" \| "sandbox"`	`undefined`
`product`	`product`	Which product this dashboard is showing. `capital` renders the pre-approval banner above the customer's capital agreements; `credit-line` renders the credit line banner above the draws of their line. Both are financing agreements, so everything below the banner (schedule, payments, pay early) works the same. Optional override — when omitted, the dashboard resolves the product from the customer's own offer, so one mount serves customers on either program.	`"capital" \| "credit-line"`	`undefined`
`userToken`	`user-token`		`string`	`""`

Events

Event	Description	Type
`load`		`CustomEvent<void>`

Built with StencilJS

Credit Line Banner

Application Form