Docs / Components / Product Showcase Card
Product Showcase Card
A premium product card with an integrated image carousel, fluid pill indicators, and a bookmark action.
Nike Air Max 270
$150
Men's Everyday Sneakers laid back style with maximum comfort.
Dependencies
Install the following dependencies to use this component:
1npm install motion lucide-react
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add product-showcase-card
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Nike Air Max 270' | The product title. |
| subtitle | string | 'Men's Everyday Sneakers...' | The short description or features subtitle. |
| price | string | '$150' | The price string. |
| images | string[] | Unsplash Array | Array of image URLs for the carousel. |
| className | string | '' | Additional Tailwind classes. |