> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.solvimon.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.solvimon.com/_mcp/server.

# Billing information form

The Billing information form component renders an editable form for a customer's billing address and details. Use it when you want to let customers update their billing information directly in your product.

---

![](/_fern-img/b567104d1d0ca2fccaf146e54f44ef847b9692a433029414557d9447b9221975.webp)

---

## Overview

Billing information form is driven by a `portalObject` your backend generates for a specific customer. The SDK uses it to load the customer's current billing details and handle the update. Your frontend never handles API keys directly.

## Mount the component

**`Billing information form component`**

```js Billing information form component
import { createSolvimonCore } from '@solvimon/solvimon-web/core';

// Generated by your backend via the Solvimon API.
const customerPortalObject = {
    object_type: 'PORTAL_URL',
    id: 'purl_example',
    type: 'CUSTOMER_PORTAL',
    customer_id: 'cust_example',
    token: 'replace-with-a-real-portal-token',
    status: 'PUBLISHED',
};

const solvimon = createSolvimonCore({
    environment: 'TEST',
    locale: 'en-US',
});

const unmount = solvimon.createComponent('billing-information-form', {
    container: '#sdk-root',
    portalObject: customerPortalObject,
});

window.addEventListener('beforeunload', () => {
    unmount?.();
});
```

## Configuration

This component does not accept any configuration options.

## Events

This component does not fire any events.