Rating
Accessible star rating input. Click or drag to set a value, use the arrow keys when focused, or flip to readOnly for display.
Default
value: 4
Half steps
value: 3.5
Custom color
Max 10
Read only
Usage
TSX
import { Rating } from "kora-ui/client";
const [value, setValue] = useState(4);
<Rating value={value} onChange={setValue} />
<Rating value={3.5} step={0.5} readOnly />
<Rating value={value} max={10} color="var(--color-fuchsia-500)" />