ComparisonTable
features · 4 variants · pages: home, product, landing, catalognpx shadcn-vue@latest add @trame/landing-comparison-table # Vue
npx shadcn@latest add @trame/landing-comparison-table # React -
table@trame/landing-comparison-table--tablea classic grid of criteria against 2 to 4 options, one column tinted: a decision made row by row
-
product-columns@trame/landing-comparison-table--product-columnsproducts side by side, each with its picture, price and link above its specifications: models, sizes, materials
-
tabs-vs@trame/landing-comparison-table--tabs-vsour option against one alternative at a time, picked from a tab bar: many comparisons in one section
-
figures@trame/landing-comparison-table--figureseach option’s value set large in a column, rows parted by thin rules, the chosen option carried by its tag: comparisons whose cells are numbers (weight, time, price, cost per use) where the contrast must be seen — the merchant’s own figures only