review-list
Review List
Review list with avatars, author and date, star ratings, a verified-purchase mark, and the review text.
States: Default
Parts
| Part | File | Does |
|---|---|---|
| ReviewList | ReviewList.vue | Lists customer reviews with the reviewer, date, rating and verified-purchase mark. |
Styling
| Part | Recipe |
|---|---|
| ReviewList | review-list |
| ReviewList | copy-muted |
| ReviewList | section-title |
| ReviewList | meta |
Install
Writes 3 files into components/sections/review-list/. For agents, npx @frontic/ui docs review-list prints this reference as markdown; the MCP server serves the same.
- npm packages
- @lucide/vue
- reka-ui
Built from
API reference
ReviewList ReviewList.vue
Lists customer reviews with the reviewer, date, rating and verified-purchase mark. Renders a <div>.
| Prop | Type | Default | |
|---|---|---|---|
| title | string | 'Customer Reviews' | |
| reviews | ReviewItem[] | [] | |
| verifiedLabel | string | 'Verified purchase' | |
| locale | string | 'en-US' | |
| class | ClassValue | — | |
| Recipe review-list | Sets | |
|---|---|---|
| base: review-list | 1 property | |
| Recipe copy-muted | Sets | |
|---|---|---|
| base: copy-muted | 2 properties | |
| Recipe section-title | Sets | |
|---|---|---|
| base: section-title | 2 properties | |
| Recipe meta | Sets | |
|---|---|---|
| base: meta | 3 properties | |
Example