CollectionHeader

the title on the left and the merchant’s description on the right, then the sub-category chips: the calm top of a large catalogue

role: showcase pages: catalog motion: expressive

Install

npx shadcn-vue@latest add @trame/commerce-collection-header   # Vue
npx shadcn@latest add @trame/commerce-collection-header       # React

plain

@trame/commerce-collection-header--plain

the title on the left and the merchant’s description on the right, then the sub-category chips: the calm top of a large catalogue

centered

@trame/commerce-collection-header--centered

everything centred under the breadcrumb, large title: a short, curated collection or a brand’s page