{"templateId":"examples/payment-components.page.tsx","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"frontmatter":{"seo":{"title":"Card payment with Payment components","description":"Try a live card checkout built with Payment components: Shift4-hosted card fields inside your own form."}},"seo":{"title":"Card payment with Payment components","description":"Try a live card checkout built with Payment components: Shift4-hosted card fields inside your own form."},"dynamicMarkdocComponents":[],"metadata":{},"compilationErrors":[],"variables":{"rbac":{"teams":["anonymous"]},"user":{},"remoteAddr":{"hostname":"docs.shift4.com","port":4000,"ipAddress":"216.73.216.25"},"lang":"default_locale"},"pagePropGetterError":{"message":"","name":""}},"slug":"/examples/payment-components","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}