Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
Components Inputs Input Rating

Input Rating

 Overview API Examples Style Tokens

Basic usage

Negative mode

The Input Rating component supports a negative mode, suitable for areas with dark background.

Prefilled value

You can initialize the Input Rating component with a prefilled value.

Custom symbols

You are not required to use stars as your rating measurement unit; you can choose any icon that best suits your needs.

Custom maximum value

By default the maximum value is 5, but you can set it to a custom number between 1 and 10.

Active selection label

The Input Rating component supports displaying the selected rating as a text after the icons. You can customize the label following your needs.

Previous
Input Radio Group
Next
Input Search