#Rate

A star rating component for collecting user feedback.

#When to Use

• For product or service reviews
• To collect user satisfaction scores
• For any 1-5 scale rating input

#Import

import { Rate } from "orizon";

#Examples

#Basic

<Rate defaultValue={3} />

#Half Stars

<Rate allowHalf defaultValue={2.5} />

#Read Only

<Rate disabled defaultValue={4} />

#With Tooltips

<Rate
  tooltips={["Terrible", "Bad", "Normal", "Good", "Excellent"]}
  defaultValue={3}
/>

#Custom Count

<Rate count={10} defaultValue={6} />

#API

#RateProps

• value — number — Current rating (controlled)
• defaultValue — number — Default rating (default: 0)
• count — number — Total number of stars (default: 5)
• allowHalf — boolean — Allow half-star selections (default: false)
• allowClear — boolean — Allow clearing by clicking again (default: true)
• character — ReactNode | (info) => ReactNode — Custom star character
• disabled — boolean — Read-only mode (default: false)
• tooltips — string[] — Tooltip text for each star
• onChange — (value: number) => void — Rating change callback
• onHoverChange — (value: number) => void — Hover value callback