Product Review Example

This is an example post showing how to use the custom rating components in your MDX blog posts.

Basic Star Rating

Use the StarRating component for simple 5-star ratings:

4.0

4.0

5.0

Range Rating with Percentage Scale

Use the RangeRating component when you want to show where a value falls on a spectrum:

PaleVivid

SoftRough

CoolWarm

Food Rating Examples

Perfect for food reviews:

MildExtra Hot

BitterSweet

TenderChewy

Final Verdict

You can combine both rating types in the same post to provide comprehensive reviews!

4.5