Indicators
Rating Summary Small
A rating summary component
Overview
The Rating Summary Small component displays a compact aggregate rating (e.g. stars and optional count) for tight layouts like product cards or list rows.
Key Business & UX Benefits
- Shows rating in a small footprint for cards and lists.
- Keeps social proof visible without dominating the layout.
- Fits product cards and compact product rows.
- Accessible with proper semantics for rating.
Pro-Tip from Larry: Use Rating Summary Small when space is limited but you still want to show rating.
Usage
RatingSummarySmall
<RatingSummarySmall :rating="4.5" />
Feature List
- Compact rating display for cards and lists
- Optional review count display
- Theme-aligned styling
- Accessible rating semantics
API Reference
| Prop | Default | Type |
|---|---|---|
ratingrequired | number | |
color | default | "default" | "primary" | "accent" | "white" | "black" | "always-white" | "always-black" | "yellow" |
showText | true | boolean |