> For the complete documentation index, see [llms.txt](https://docs.billingjs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.billingjs.com/components/customer-portal/less-than-customerprofile-greater-than.md).

# \<CustomerProfile />

This component will render the [Stripe Customer](https://stripe.com/docs/api/customers) profile informations in a panel.

It allows the customer to edit its own details, such as billing address, name, and tax ids.

### Visual

![](https://2415023427-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk0DAnFFM0rpMMriidbgN%2Fuploads%2FHyiwEvJrtVSvYVkFdo4T%2FScreenshot%202022-02-09%20at%2020.59.26.png?alt=media\&token=9dec934f-7624-424e-b401-63bb97dc8131) ![](https://2415023427-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk0DAnFFM0rpMMriidbgN%2Fuploads%2F7xT2qOuCj82VVHLFDMko%2FScreenshot%202022-02-09%20at%2021.06.27.png?alt=media\&token=7240a625-f00f-4d6d-97a4-11f9d17c2355)

### Import

```tsx
import { CustomerProfile } from "@billing-js/react-billing-js"
```

### Props

```tsx
interface Props {
    // allow users to transfer their subscription  
    // aka update the email address associated with their subscription
    // You will need to configure the Customer webhook to support this feature
    enableSubscriptionTransfer?: boolean // default false
}

```

{% hint style="info" %}
You will need to configure the [Customer webhook ](/getting-started/configure-webhooks-and-triggers/customer-webhook.md)to support the subscription transfer feature&#x20;
{% endhint %}