Block PartsPro

Product Image

A product photo, or a colored placeholder with an icon when there is no photo yet.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { ProductImage } from "@wunderui/react"

Prop	Type	Default
src	string	—
alt	string	""
tint	"indigo" \| "blue" \| "purple" \| "pink" \| "red" \| "orange" \| "yellow" \| "green" \| "alternative"	"yellow"
icon	ReactNode	<Package />
className	string	—