---
id: apple-pay
title: Apple Pay
description: Apple Pay rail for Modular Checkout that exposes wallet buttons and handles tokenization.
sidebar_position: 22
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getComponentParts,
getWebcomponentsVersion,
getPartsFromDocs,
getPropsFromDocs,
} from '../../helpers';
import componentTreeJson from '../../component-tree.json';
import docsJson from '../../docs.json';
## Overview
Renders an Apple Pay button for eligible devices and orchestrates the Apple Pay flow. Designed to be used within `justifi-modular-checkout`.
## Usage
{`
justifi-apple-pay
`}
## Props, Events & Methods
### Events
- `applePayStarted`: Fires when the Apple Pay sheet is presented.
- `applePayCompleted`: Fires when payment completes; includes success status and payment method details.
- `applePayCancelled`: Fires when the user dismisses the Apple Pay sheet.
- `applePayError`: Surfaces tokenization failures (network issues, validation errors, etc.).
### Public methods
1. `isSupported()` – Check if Apple Pay is available on the current device/browser.
2. `getPaymentMethods()` – Returns available payment method types.
3. `abort()` – Programmatically cancel an in-progress Apple Pay session.
## Theming & Layout
- Styling is intentionally limited to keep Apple compliance.