BrandingElement

import { WhopElements, Payments, BrandingElement } from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

function Example() {
  return (
    <WhopElements elements={loadWhop()}>
      <Payments /* options */>
        <BrandingElement />
      </Payments>
    </WhopElements>
  );
}

import { BrandingElement, Payments } from '@whop/elements-react-native';

<Payments accountId="biz_xxxxxxxx" plan="plan_xxxxxxxx">
  {/* your form */}
  <BrandingElement />
</Payments>

<script src="https://js.whop.cloud/elements/amber/elements.js" data-whop-elements></script>
<script type="module">
  const payments = window.WhopElements().payments.create({ /* options */ });
  payments.create('branding').mount('#payments-branding');
</script>