PricingAddons
three to nine extras told equally on a pricing page: one ruled row each in a single panel, the price and a small button at the end; the merchant’s own prices only
role: conversion pages: landing, pricing motion: micro
Install
npx shadcn-vue@latest add @trame/landing-pricing-addons # Vue
npx shadcn@latest add @trame/landing-pricing-addons # React rows
@trame/landing-pricing-addons--rows three to nine extras told equally on a pricing page: one ruled row each in a single panel, the price and a small button at the end; the merchant’s own prices only
featured-and-rows
@trame/landing-pricing-addons--featured-and-rows a few extras that matter most and a tail of smaller ones: the first two or three as tinted cards, the rest as compact rows in the same frame; the merchant’s own prices only
chips-under-plans
@trame/landing-pricing-addons--chips-under-plans a slim band right under the plans, when the extras are a footnote to the offer: the title at the left, each extra a price pill that opens its sentence; the merchant’s own prices only