Rating
The rating is a component that allows you to enter a numerical value based on the number of ”★”.
Property
| No | Item | Input Value | Default Value | Action Property | Type | Action Default Value | Description |
|---|---|---|---|---|---|---|---|
| 1 | ID | String | Auto-generated | id | string | Auto-generated | The [id] property cannot be set by actions. |
| 2 | Label | String | Rating | label | string | Rating | Component label |
| 3 | Width | Number | 222 | width | number | 222 | Component width |
| 4 | Height | Number | 40 | height | number | 40 | Component height |
| 5 | X | Number | x | number | X coordinate position | ||
| 6 | Y | Number | y | number | Y coordinate position | ||
| 7 | Color | String Color Picker | color | string | Component color | ||
| 8 | Background Color | String Color Picker | backgroundColor | string | Background color | ||
| 9 | Label Color | String Color Picker | labelColor | string | Label color | ||
| 10 | Disabled | Boolean | OFF | disabled | boolean | false | Disabled state |
| 11 | Read Only | Boolean | OFF | readOnly | boolean | false | Read-only state |
| 12 | Visibility | Boolean | ON | visibility | boolean | true | Component show/hide |
| 13 | Horizontal Alignment | Selection 1. Left 2. Center 3. Right | Left | horizontalAlignment | string | left | Horizontal alignment |
| 14 | Vertical Alignment | Selection 1. Top 2. Center 3. Bottom | Top | verticalAlignment | string | top | Vertical alignment |
| 15 | Label | Boolean | OFF | showLabel | boolean | false | Label show/hide |
| 16 | Max | Number | 5 | max | number | 5 | Maximum rating value |
| 17 | Precision | Number | 1 | precision | number | 1 | Minimum unit of rating |
| 18 | Helper Text | String | helperText | string | Helper text | ||
| 19 | Value | Number | 5 | value | number | 5 | Rating value |
| 20 | Error | error | boolean | false | Error state | ||
| 21 | Change Event | Selection 1. None 2. Action | None | Event on value change |
Event
| Event name | Description |
|---|---|
| onchange | Occurs when a value change is made. |