Volume Info Component

The Volume Info Component is a component that allows you to present users with an information icon that will trigger a pop-up that provides a more details about Volume.

This is suitable to be placed in the checkout flow of your application if you for example have multiple payment options available to your customers and you wish to explain to them what Volume is.

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

Usage

The Volume Info Component is a single component that can be imported and used in your application.

import { VolumeInfo } from "@getvolume/react";
 
function MyComponent() {
  return (
    <div>
      <VolumeInfo />
    </div>
  );
}