Skip to main content
Use this component to render a comparison of rewards available and their costs for each tier. If a reward isn’t available for a certain tier, it renders an empty cell. Each td has a CSS class indicating the tier it is a part of (numbered based on position, from 0). For example, to select the reward costs in tier-0:
If customer is logged in, it attaches a --current modifier to the tier that customer is currently in:

Code

Preview

Tier rewards compare