RatingProps
Represents the properties of [Rating](% slug overview_rating %) component.
Definition
Package:@progress/kendo-vue-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
className?
string
Sets additional classes to the Rating.
defaultValue?
number
Sets the default value of the Rating, used in uncontrolled mode. See example
dir?
string
Determines the Rating direction ltr - by default, or rtl.
disabled?
boolean
Sets the disabled mode of the Rating, if it is set to true. See example
half?
boolean
Determines if value represents half icon -> true, or not -> false. See example
icon?
string
Sets custom Rating icon, by default - star. See example
id?
string
Sets the id property of the top div element of the Rating.
item?
any
Represents the rendered Rating item.
label?
string
Determines if the Rating has a label and is it a custom one.
max?
number
Sets the max possible icon value or star value in the main use-case.
min?
number
Sets the min possible icon value or star value in the main use-case.
name?
string
Specifies the name property of the input DOM element.
onBlur?
(event: FocusEvent) => void
Triggered after onBlur event. Gets outside access to the target element and the event type.
onChange?
(event: RatingChangeEvent) => void
Triggered after value change. Gets outside access to the target element, the new value and the event type.
onClick?
(event: RatingItemMouseEvent) => void
Triggered after onClick event. Gets outside access to the target element, the new value and the event type.
onFocus?
(event: FocusEvent) => void
Triggered after onFocus event. Gets outside access to the target element and the event type.
onKeyDown?
(event: RatingKeyboardEvent) => void
Triggered after onKeyDown event. Gets outside access to the target element, the new value and the event type.
precision?
"item" | "half"
Determines the precision of the Rating. By default set to item. See example
readonly?
boolean
Sets the readonly mode of the Rating, if it is set to true. See example
required?
boolean
Specifies if null is a valid value for the component.
selection?
"continues" | "single"
Determines the selection mode. By default set to continues. See example
step?
number
Sets the step value between the min and max value.
style?
any
Sets additional CSS styles to the Rating.
svgIcon?
SVGIcon
Sets custom Rating SVG icon.
svgIconOutline?
SVGIcon
Sets custom Rating SVG icon.
tabIndex?
number
Sets the tabIndex attribute.
valid?
boolean
Overrides the validity state of the component.
If valid is set, the required property will be ignored.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
validityStyles?
boolean
If set to false, no visual representation of the invalid state of the component will be applied.
value?
number
Sets the current value of the Rating, used in controlled mode. See example