Rating - Keep React
Table of Contents#
The "Default Rating" is a pre-configured or initial rating value within the context of a rating component. It represents the default score assigned to an item or content when a user hasn't provided a specific rating.
Rating Variant refers to the different visual styles or appearances that can be applied to a rating component in order to match various design preferences or themes. Each variant alters the way the rating symbols.The variants you've mentioned,
thin likely correspond to different styles.
Rating Type refers to the specific behavior and appearance of individual rating symbols (such as stars) within a rating component. The two types you've mentioned,
half define how each rating symbol is displayed based on the level of rating assigned.
Rating With Progress#
The Rating component appears to be used to render each rating item. The
percentFilled prop is utilized to indicate the percentage of the rating that should be filled. This creates a visually meaningful representation of each rating with varying levels of filled content, akin to a progress bar that indicates the level of the rating's completeness.
Explore the available props for the rating component
|Size||rating icon size in number format||number||30|
|filledType||rating start icon type|
|starType||Rating start icon type.|
|percentFilled||rating progress number||number||70|