Reviews
Rating Form
Form for submitting product ratings and written reviews.
Overview
The Rating Form component provides a form for customers to submit product reviews, including star rating and optional text. It fits inside the Review Section or as a standalone form and supports customizable labels and validation.
Key Business & UX Benefits
- One form for star rating and review text so submission is consistent.
- Customizable labels and validation support localization and quality.
- Fits Review Section or standalone so integration is flexible.
- Accessible controls and clear state keep the form usable.
Pro-Tip from Larry: Use Rating Form inside Review Section so customers can submit reviews from the same page.
Usage
LuiRatingForm
Feature List
- Star rating input with optional text field
- Customizable labels and validation
- Integration with Review Section
- Accessible controls and clear state
API Reference
| Prop | Default | Type |
|---|---|---|
modelValue | 0 | number |
maxRating | 5 | number |
size | m | "s" | "m" | "sm" | "l" |
color | yellow | "primary" | "accent" | "black" | "yellow" |
| Event | Type |
|---|---|
update:modelValue | (event: "update:modelValue", value: number): void |