ProductFeatures
the usual story of a product: a picture and a selling point per row, sides swapping each time
role: features pages: product, landing motion: micro
Install
npx shadcn-vue@latest add @trame/commerce-product-features # Vue
npx shadcn@latest add @trame/commerce-product-features # Reactalternating
@trame/commerce-product-features--alternating the usual story of a product: a picture and a selling point per row, sides swapping each time
tabs
@trame/commerce-product-features--tabs many features that fall into themes (matter, use, care): one tab per theme, picture cards inside
accordion-picture
@trame/commerce-product-features--accordion-picture a few features that each deserve a sentence: a picture beside an accordion, the picture following the open panel
figures
@trame/commerce-product-features--figures a product with real numbers to show (years of warranty, tests passed): the figures first, then the features in rows