Skip to main content
Version: 1.0.5

README

@spartanfx/react v1.0.5

@spartanfx/react / Rating

Rating

Rating Component

A controlled rating component supporting stars or circles with half-fill display. Includes full theming support for light/dark modes.

Example​

import { Rating, RatingVariant, RatingSize } from '@spartanfx/react';

// Interactive controlled rating
const [rating, setRating] = React.useState(3);
<Rating value={rating} onChange={setRating} />

// Read-only display (e.g., showing average rating)
<Rating value={3.5} onChange={() => {}} readOnly />

// With label and custom colors
<Rating
  value={rating}
  onChange={setRating}
  label="Rate this product"
  fillColor="#FF6B6B"
/>

// Circle variant with large size
<Rating
  value={rating}
  onChange={setRating}
  variant={RatingVariant.Circle}
  size={RatingSize.Large}
/>

Variables​