Indicators
Stars Rating
Rating gives you a nice way to display a rating both with graphics and through text. This can be used to show the rating of a product, score for a review, or any other rating you might need.
Overview
The Stars Rating component displays a numeric rating as stars (and optional text) for products, reviews, or any rating context. It supports full and fractional stars.
Key Business & UX Benefits
- Familiar star display helps customers understand quality at a glance.
- Fractional support (e.g. 4.5) shows precise ratings.
- Fits product cards, reviews, and PDP.
- Accessible with proper semantics for rating value.
Pro-Tip from Larry: Use Stars Rating for product and review ratings so customers see quality quickly.
Usage
StarsRating
Feature List
- Star graphic display with full and fractional support
- Optional text display of rating value
- Configurable size and theme
- Accessible rating semantics
API Reference
| Prop | Default | Type |
|---|---|---|
rating | 1 | number |
maxRating | 5 | number |
color | yellow | "default" | "primary" | "accent" | "white" | "black" | "always-white" | "always-black" | "yellow" |
size | m | "s" | "m" | "sm" |
Savings Badge
A savings badge component
Hosting
Laioutr provides a flexible and integrated approach to hosting and deploying the frontends you create on the platform. Whether you want a fully managed default solution or need to connect your own infrastructure, Laioutr supports both paths from the start.