Use this component to render a comparison of rules available and their point values for each tier. If a rule 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 rule values in tier-0: 
.lion-tier-rules-compare__row-cell--tier-0 .lion-tier-rules-compare__rule-value
If customer is logged in, it attaches a --current modifier to the tier that customer is currently in: 
.lion-tier-rules-compare__row-cell--current

​
Code

<div data-lion-tier-rules-compare></div>

​
Preview

Tier rules compare