SocialRating

Компонент для взаимодействия с рейтингами и его изменения

Props

rating

  • type: number
  • default: null

Суммарное значение рейтинга (приоритетнее пропов goodRate и badRate)

badRate

  • type: number
  • default: 0

Значение отрицательного рейтинга (далее вычитается из goodRate) (rating более приоритетен)

goodRate

  • type: number
  • default: 0

Значение положительного рейтинга (rating более приоритетен)

readOnly

  • type: boolean
  • default: false

Отключение части стилей и вызова событий

showDiffTooltip

  • type: boolean
  • default: false

Включить отображение тултипа с полной информацией
Используются только значения из пропов goodRate, badRate

Events

Event namePropertiesDescription
ratestatus 'up' | 'down' - значение измененияИзменение рейтинга
rate-upПовышение рейтинга
rate-downПонижение рейтинга

Css

--c-social-rating-success

  • default: $colors.success.bg

Цвет для текста рейтинга если он >= 0 и цвет при наведении на иконки повышения рейтинга

--c-social-rating-error

  • default: $colors.error.bg

Цвет для текста рейтинга если он < 0 и цвет при наведении на иконки понижения рейтинга