Inline offer

The inline offer is a UI component, displaying the insurance offers for a specific product. Offers quantity can vary from 1 to 3.

If there is no valid offer for the product, the component will not be displayed.

Component display

With 3 offers

The display is similar with only two offers

Each button represents an Evy offer.

With a single offer for the product

If there's only one offer available, the checkbox will be displayed:

Usage

Props

Example

import { InlineOffer } from "@getevy/react-sdk";

export const MyInlineOffer = ({ productId, price }) => {
  return <InlineOffer productId={productId} price={price} />;
};