## Ready event

Triggered when the `Element` is fully rendered and methods on the instance, like `element.focus()` and `element.update()`, can be called.

**Syntax:** `element.on(...)`

- `event` ('ready') **required**
  The name of the event.
In this case, `ready`.

- `handler` (function) **required**
  `handler(event) => void` is a **callback function** that you provide that will be called when the event is fired.

After it's called, it passes an event object with the following properties:

  - `elementType` (string) **required**
    The type of element the event is fired from.

### Handle an Element ready event

```js
const paymentElement = checkout.createPaymentElement();
paymentElement.on('ready', function(event) {
  // Handle ready event
});
```

```es_next
const paymentElement = checkout.createPaymentElement();
paymentElement.on('ready', (event) => {
  // Handle ready event
});
```