Marno Kotze

[solar abyss]

👋 happy to help

would you mind sharing your code and the error you're getting?

[inland yew]

This is what I am trying to embed. It's not finding the stripe checkout component

<div class="mt-4">
              <stripe-pricing-table
                  pricing-table-id="prctbl_1LSy4TGiOEMooe9OA8p7LXxt"
                  publishable-key="pk_test_51KsXi6GiOEMooe9OanegUdbOP73gO3MJDpaTsZfjntBC1GUH0QLi8buMjsMr1sG6QkJbYJGMpZ7LXhAZT7IygyEL004P4ROw0T">
              </stripe-pricing-table>
            </div>

[solar abyss]

have you added the script for Pricing Tables? and used the https://angular.io/api/core/CUSTOM_ELEMENTS_SCHEMA in your ngModule?

[inland yew]

I'll give it a try

[solar abyss]

first you need to add <script async src="https://js.stripe.com/v3/pricing-table.js"></script> in your index.html

and in your ngModule you should add schemas: [CUSTOM_ELEMENTS_SCHEMA],

you can also use ```<app-stripe-pricing-table
pricing-table-id="{{ pricingTableId }}"
publishable-key="{{ publishableKey }}"

</app-stripe-pricing-table>