ResourceLibrary

Type chips sit above balanced resource cards for a mixed library of the merchant’s own content.; the merchant’s own only

role: story pages: landing, article motion: micro

Install

npx shadcn-vue@latest add @trame/content-resource-library   # Vue
npx shadcn@latest add @trame/content-resource-library       # React

chips-grid

@trame/content-resource-library--chips-grid

Type chips sit above balanced resource cards for a mixed library of the merchant’s own content.; the merchant’s own only

webinar-rows

@trame/content-resource-library--webinar-rows

Ruled session rows surface the merchant’s own dates, hosts and upcoming or on-demand states only.; the merchant’s own only

featured-first

@trame/content-resource-library--featured-first

The merchant’s first resource leads in a broad cover-and-summary panel above the remaining cards.; the merchant’s own only

sidebar

@trame/content-resource-library--sidebar

Type and topic filters occupy a sidebar, or a mobile drawer, for a larger merchant library.; the merchant’s own only