Rating
Present numerical values through visual rating symbols.
![](../../img/en/guides/components/rating/component.png)
Properties
Property | Type | Description |
---|---|---|
Name (name) | string | Unique identifier for the rating component |
Label (label) | string | Text displayed on the left side of the rating |
Score Interval (scale) | number | Minimum interval between selectable scores |
Default Value (defaultValue) | string (number ) | Code that returns a default value |
Disable Component (isDisabled) | boolean | Whether the rating is disabled |
Width (display) | Display | How the rating component occupies width |
Width (px) (contentWidth) | string (number ) | Fixed width of the rating component |
Hide Component (isHidden) | boolean | Whether to hide the rating on the deployed page |
labelWidth | string | The length that the left label takes up in the rating |
Name (name)
Sets the unique identifier for the rating component. Please refer to the component naming rules
![](../../img/en/guides/components/rating/name.png)
Label (label)
Sets the text displayed on the left side of the rating. (Supports Template Text)
![](../../img/en/guides/components/rating/label.png)
Score Interval (scale)
Sets the minimum increment between rating values.
Controls the granularity of selectable ratings.
![](../../img/en/guides/components/rating/scale.png)
Default Value (defaultValue)
Sets the initial rating value.
Can be set through workflow results, direct input.
![](../../img/en/guides/components/rating/default-value.png)
Disable Component (isDisabled)
Sets the disabled state of the component.
Can be set through workflow results, direct input.
When enabled, prevents user interaction with the component.
![](../../img/en/guides/components/rating/is-disabled.png)
Width (display)
Sets how the component occupies width.
Selecting "Block" enables full-width usage, while "Fixed width" allows you to enter a specific width in pixels.
Fixed-width components can be arranged sequentially.
![](../../img/en/guides/components/rating/display.png)
Width (px) (contentWidth)
Sets the component's width in pixels.
Can be set through workflow results, direct input.
![](../../img/en/guides/components/rating/display.png)
Hide Component (isHidden)
Controls visibility of the component.
When set to true:
- Hidden in deployed view
- Visible with reduced opacity in edit mode
![](../../img/en/guides/components/rating/is-hidden.png)
Label Width (labelWidth)
Sets the width of the label section.
Accepts values in pixels or percentages.
![](../../img/en/guides/components/rating/label-width.png)
States
Property | Type | Description |
---|---|---|
value | 'number' | 'undefined' | Selected value |
scale | number | Minimum interval between selectable scores |
Type Definitions
type Display = 'inline-block' | 'block';