rating

v0.88.2arrow_drop_down
v0.88.2
v0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
591
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 years ago
SIZE
75 KB
You can clear the rating by clicking on the current start rating
1 contributor
Install rating as a package?
Copied
npm i @bit/semantic-org.semantic-ui-react.rating
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

You can clear the rating by clicking on the current start rating. By default a rating will be only clearable if there is 1 icon. Setting to true/false will allow or disallow a user to clear their rating.

Called after user selects a new rating.

A rating indicates user interest in content.

You can clear the rating by clicking on the current start rating. By default a rating will be only clearable if there is 1 icon. Setting to true/false will allow or disallow a user to clear their rating.

Called after user selects a new rating.

Called on click.

Called on keyup.

Called on mouseenter.

RatingIcon ()

An internal icon sub-component for Rating component

Properties
NameTypeDefault valueDescription
as
elementType'i'

An element type to render as (string or function).

active
bool

Indicates activity of an icon.

className
string

Additional classes.

index
number

An index of icon inside Rating.

onClick
function

React’s original SyntheticEvent.

onKeyUp
function

React’s original SyntheticEvent.

onMouseEnter
function

React’s original SyntheticEvent.

selected
bool

Indicates selection of an icon.

Help and resources