Total Price

<Price />

Overview

The <Price> component will display the total price of your configuration. It is calculated using the first Pricebook in the Org, and the first currency in that Pricebook.

📘

Coming Soon!

Currently the component can only show the price from the first pricing schema. Support for multiple Pricebooks and Currencies coming soon.

Code Examples

import { TotalPrice } from '@threekit-tools/treble';

const Component = () => {
  return (
    <div>
      <TotalPrice />
    </div>
  );
};

Props

TypeDescriptionTypeDefault
priceThe override 'Price' to use in place of the initialized Product's price.string''
classNameA className to the display container.string''