Rating - Keep React

Table of Contents#

• Default Rating
• Rating Variant
• Rating Types
• Rating With Progress
• API Reference

Default Rating#

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#

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, fill regular duotone bold light and thin likely correspond to different styles.

Rating Types#

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, starType being full or 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.

API Reference#

Explore the available props for the rating component

fill

regular

duotone

bold

light

thin

full

half