Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

rating

v0.86.0arrow_drop_down
v0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
446
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
8 months ago
SIZE
74 KB
You can clear the rating by clicking on the current start rating
1 contributor
Use rating in your project ?
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.dev
Component Example
React
React
Vue
Angular
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
custom'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.