PricingComparison
one folded list per offer showing only what it includes: phone-first, good from four offers — the merchant’s own only.
Install
npx shadcn-vue@latest add @trame/landing-pricing-comparison # Vue
npx shadcn@latest add @trame/landing-pricing-comparison # Reactper-offer
@trame/landing-pricing-comparison--per-offer one folded list per offer showing only what it includes: phone-first, good from four offers — the merchant’s own only.
list
@trame/landing-pricing-comparison--list One offer and its terms as a definition list, for a single supplied offer; the merchant’s own only.
us-vs-them
@trame/landing-pricing-comparison--us-vs-them two columns, the usual terms against the merchant’s, in words: a shop publishing its conditions
service-levels
@trame/landing-pricing-comparison--service-levels one card per service tier listing its commitments (delay, channel, contact): support or care plans — the merchant’s own only.
card-columns
@trame/landing-pricing-comparison--card-columns each offer as one tall card from its header to its action, ticks in soft circles: a lighter grid for few offers — the merchant’s own only.
focus-aside
@trame/landing-pricing-comparison--focus-aside the chosen offer pulled out as a card beside the grid of the others: highlight one without dropping the table — the merchant’s own only.