npm
Commerce

ShopRow

Art, copy, price action. Always even.

Pouch of Coins900 coins
Sack of Coins5,200 coins
AD
Free coinsWatch an ad · 150 coins
<ShopRow
  art={<CoinPile coins={2} />}
  title="Sack of Coins"
  caption="5,200 coins"
  action={<Button tone="gold" size="small">€4.99</Button>}
/>

Art, copy, price action, the copy never wraps and price buttons share a minimum width, so rows stay even.