Product Card

Kind

Components

Name

Type

Description

Square product tile — image-heavy with a secondary image revealed on hover.

Content examples

Chrome — Outline Style · Default (2)

Function variants

Default·Compact·Minimal·HorizontalEssential·HorizontalDetailed·DetailPanel(6)

Files

src/components/registry/components/cards-and-lists/product-card.tsx→components/registry/components/cards-and-lists/product-card.tsx
src/hooks/registry/use-locale-options.ts→hooks/registry/use-locale-options.ts
src/components/registry/components/cards-and-lists/product-card.recipe.ts→src/recipes/product-card.recipe.ts
src/components/registry/components/cards-and-lists/_card-chrome-params.ts→components/registry/components/cards-and-lists/_card-chrome-params.ts
src/components/registry/components/cards-and-lists/_card-chrome-params.ts→src/recipes/_card-chrome-params.ts

Dependencies

@sitecoreai-labs/sitecoreai-cli

preview

Showcase

Loading component registry groups and selected install bundle...