On This Page
Pro Suites — E-Commerce Engine
Commerce Suite
High-conversion checkout summaries, promotional voucher cards, holographic credit card visualizers, invoice managers, and interactive pricing tier sliders.
npx nexoreui add commerce
Interactive Live Playground
Test dynamic product properties, pricing states, and layout modes.
Best Seller
4.8(342)
Pro ANC Headphones
$249$299SAVE $50
Configure Props
Star Rating4.8 / 5.0
component.tsx
1
Props Reference
API Reference (Props)
| Prop | Type | Default | Description |
|---|---|---|---|
| name* | string | "" | Title of the commerce product item. |
| price* | string | number | "" | Current promotional or sale price. |
| originalPrice | string | number | — | Previous original price rendered with strikethrough styling. |
| badge | string | — | Highlight pill label (e.g., 'Sale', 'Popular', 'New'). |
| image | string | — | Photo / image URL of the product item (also supports imageSrc). |
| rating | number | 5.0 | Customer review star rating from 1 to 5. |
| onAddToCart | () => void | — | Primary purchase or add to cart button callback handler. |
Usage Examples
Page 1 of 31. Flagship E-Commerce Product Card
Top Rated
4.9(284)
AirPulse Studio Pro
$299$399SAVE $100
component.tsx
1
2. Interactive Order Checkout Summary
Order Summary
3 ItemsSubtotal$299.98
Express DeliveryFree
Estimated Taxes (HST)$24.00
Total Due
$323.98Includes all regional sales taxes
256-Bit SSL
•Money-Back Guarantee•Apple Paycomponent.tsx
1