Review Card

Commerce · ReviewCard

Moderating customer reviews before and after they go live.

Props: author, verified, product, date, rating, title, text, state ("pending" | "published" | "hidden" | "flagged"), stateLabel, highlight (words to mark, e.g. refund, scam), reply, onPublish, onHide, onReply(text), replyLabel.

Pending reviews carry the signal edge until someone decides.
Hiding is reversible; deleting a review is not offered here.

PreviewCode

Jonas P. · Verified purchase1,000 followers · 2 days ago

2.0Waiting

Slower than promised

Arrived after two days instead of one hour. Support answered quickly though, so two stars. Would be great to get a refund for the delay.

Ida N.TikTok views · 12 Apr

5.0Published

Fast, simple, worked exactly as described.

Your replyThanks Ida, glad it worked!

Props

ReviewCard

Prop	Type	Notes
`author`	`string`	Required
`verified?`	`boolean`
`product?`	`string`
`date?`	`string`
`rating`	`number`	Required
`title?`	`string`
`text`	`string`	Required
`state?`	`"pending" \| "published" \| "hidden" \| "flagged"`
`stateLabel?`	`string`
`highlight?`	`string[]`
`reply?`	`string`
`replyLabel?`	`string`
`onPublish?`	`() => void`
`onHide?`	`() => void`
`onReply?`	`(text: string) => void`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.