## PaymentMethodMessagingElement
Use the `PaymentMethodMessagingElement` from `@stripe/react-stripe-js` to inform a customer about available buy-now-pay-later plans.

### Props

*   `id`
    Sets the DOM `id` attribute on the rendered Element container. Use this to target the Element for styling or testing.
*   `className`
    Applies custom CSS classes to the Element container.
*   `options`
    Options for displaying a `paymentMethodMessaging` element.
    [See visual examples in the docs.](https://docs.stripe.com/payments/payment-method-messaging.md)
*   `amount`
    The total amount in the [smallest currency unit](https://docs.stripe.com/currencies.md#zero-decimal).
*   `currency`
    The currency. One of `AUD`, `CAD`, `CHF`, `CZK`, `DKK`, `EUR`, `GBP`, `NOK`, `NZD`, `PLN`, `RON`, `SEK`, `USD`.
*   `countryCode`
    The end-buyer country. One of `AT`, `AU`, `BE`, `CA`, `CH`, `CZ`, `DE`, `DK`, `ES`, `FI`, `FR`, `GB`, `GR`, `IE`, `IT`, `NL`, `NO`, `NZ`, `PL`, `PT`, `RO`, `SE`, `US`. If not set, the buyer's country will be inferred from the request.
*   `paymentMethodTypes`
    A list of payment method types to render. You can omit this attribute to manage your payment methods from the [Stripe Dashboard](https://dashboard.stripe.com/settings/payment_methods). Any combination of `affirm`, `afterpay_clearpay`, `klarna`.
*   `paymentMethodOrder`
    By default, the Payment Method Messaging Element uses a dynamic ordering that optimizes payment method display for each user. You can override the default order in which payment methods display in the Payment Method Messaging Element with a list of payment method types. If there are payment methods that will show that aren't specified in `paymentMethodOrder`, they display after the payment methods you specify. If you specify payment methods that won't show, they are ignored.
*   `onReady`
    Callback called once the Element is fully rendered. Recieves the [ready event payload](https://docs.stripe.com/js/element/events/on_ready.md#element_on_ready-handler).
*   `onBlur`
    Callback called when the Element loses focus.
*   `onFocus`
    Callback called when the Element receives focus.

### Example

```title
Render PaymentMethodMessagingElement
```