RatingProps
Represents the properties of Rating component.
Definition
Package:@progress/kendo-react-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
className?
string
Adds custom CSS classes to the Rating.
defaultValue?
number
Sets the default value of the Rating, used in uncontrolled mode.
dir?
string
Specifies the direction of the Rating (ltr or rtl).
disabled?
boolean
Disables the Rating when set to true.
icon?
string
Sets a custom icon for the Rating.
id?
string
Sets the id property of the top div element of the Rating.
item?
ComponentType<RatingItemProps>
Represents the rendered Rating item.
label?
ReactNode
Sets a custom label for the Rating.
max?
number
Sets the maximum possible value of the Rating.
min?
number
Sets the minimum possible value of the Rating.
name?
string
Specifies the name property of the input DOM element.
This property is part of the FormComponentProps interface.
onBlur?
(event: RatingItemFocusEvent) => void
Fires when the Rating loses focus.
onChange?
(event: RatingChangeEvent) => void
Fires when the value of the Rating changes.
onClick?
(event: RatingItemMouseEvent) => void
Fires when the Rating is clicked.
onFocus?
(event: RatingItemFocusEvent) => void
Fires when the Rating is focused.
onKeyDown?
(event: RatingKeyboardEvent) => void
Fires when a key is pressed while the Rating is focused.
precision?
"item" | "half"
Determines the precision of the Rating (item or half).
readonly?
boolean
Sets the readonly mode of the Rating.
required?
boolean
Specifies if null is a valid value for the component.
This property is part of the FormComponentProps interface.
selection?
"continues" | "single"
Determines the selection mode of the Rating (continues or single).
step?
number
Sets the step value between the minimum and maximum values.
style?
CSSProperties
Sets additional CSS styles to the Rating.
svgIcon?
SVGIcon
Sets a custom SVG icon for the Rating.
svgIconOutline?
SVGIcon
Sets a custom outline SVG icon for the Rating.
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.
This property is part of the FormComponentProps interface.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
This property is part of the FormComponentProps interface.
validityStyles?
boolean
If set to false, no visual representation of the invalid state of the component will be applied.
This property is part of the FormComponentProps interface.
value?
number
Sets the current value of the Rating, used in controlled mode.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this component.
Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.