Rating
info
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| backgroundColor | The color used for empty icons | string | undefined |
| color | Applies specified color to the control | string | undefined |
| class | Allows custom properties to take effect. | string | undefined |
| clearable | Allows for the component to be cleared. Triggers when the icon containing the current value is clicked. | boolean | false |
| closeDelay | Milliseconds to wait before closing component. | number | String | 0 |
| dark | Applies the dark theme variant to the component. | boolean | false |
| dense | Icons have a smaller size. | boolean | false |
| emptyIcon | The icon displayed when empty . | String | '$ratingEmpty' |
| fullIcon | The icon displayed when full. | String | '$ratingFull' |
| halfIcon | The icon displayed when half (requires half-increments prop) | String | '$ratingHalf' |
| halfIncrements | Allows the selection of half increments | boolean | false |
| hover | Provides visual feedback when hovering over icons. | boolean | false |
| large | Makes the component large. | boolean | false |
| length | The amount of ratings to show | number | string | 5 |
| openDelay | Milliseconds to wait before opening component. | number | String | 0 |
| size | Sets the height and width of the component. | number | String | undefined |
| small | Makes the component small. | boolean | false |
| ripple | Applies the ripple directive. | boolean | object | true |
| tabindex | Allows component to give and receive focus. | number | undefined |
| xSmall | Makes the component extra small. | boolean | false |
| xLarge | Makes the component extra large. | boolean | false |
| value | The rating value. | number | 0 |
| visible | Visibility of Rating component. | boolean | true |
Events
| Attribute | Description |
|---|---|
| input | Emits the rating number when this value changes |
