Volume Selector Component

The Volume Selector Component is a component that allows you to indicate to your customers which banks are available to them.

This is suitable to be placed in the checkout flow of your application if you for example have multiple pages with radio buttons.

See the UX Guidelines (opens in a new tab) for more information on the Volume Selector component.

Usage

Import the VolumeSelector component and render it in your application.

import { VolumeSelector } from "@getvolume/react";
 
function MyComponent() {
  return (
    <div>
      <VolumeSelector currency="GBP" country="GB" height={40} />
    </div>
  );
}

Properties

Why Currency and Country

We show banks based on the country and currency of the payment.

Only banks that support the given currency and country will be shown.