## Available payment methods change event

`element.on(event: 'availablepaymentmethodschange', handler: function)`

Triggered when there is a change to which payment methods are available in the Payment Element. Also fires on initial render.

- `event`
  The name of the event. In this case, `availablepaymentmethodschange`.

- `handler`
  `handler(event) => void` is a **callback function** that you provide that will be called when the event is fired. When called it will be passed an event object with the following properties:
    - `elementType`
      The type of element the event is fired from.
    - `paymentMethods`
      Describes which payment methods are available in the Payment Element. Returns `undefined` when no payment methods are available. Payment methods are returned in alphabetical order.
      - `<paymentMethodName>`
        An object for each camelCase payment method name that may be available based on your configuration.
        - `available`

### Example

```title
Handle an availablepaymentmethodschange event
```