## CurrencySelectorElement

Use the `CurrencySelectorElement` from `@stripe/react-stripe-js/checkout` to allow customers to select the currency for their payment. The component must be rendered inside a [CheckoutElementsProvider](https://docs.stripe.com/js/react_stripe_js/checkout/checkout_provider.md).

### 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.
- `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.
- `onEscape`
  Callback called when the escape key is pressed within the Element.
- `onLoaderStart`
  Callback called right before Stripe displays the Element skeleton loader. Receives the Element instance as its only argument.
- `onLoadError`
  Callback called when the Element fails to load.

### Example

```title
Render CurrencySelectorElement
```