Rating

Rating / Star input component for reviews and feedback with interactive star selection.

Basic Rating

3/5


          <.rating field={@form[:rating]} />

Sizes

Small:

Medium (default):

Large:


          <.rating field={@form[:score]} size={:sm} />
          <.rating field={@form[:score]} size={:md} />
          <.rating field={@form[:score]} size={:lg} />

Readonly Rating

4/5


          <.rating value={4} readonly={true} />

Custom Max Rating


          <.rating field={@form[:score]} max={10} />

Note

The rating component requires a JavaScript hook (RatingHook) for interactive star selection.

Props

Prop	Type	Default	Description
field	Phoenix.HTML.FormField	nil	Form field struct (optional)
value	integer	0	Current rating value
max	integer	5	Maximum rating (number of stars)
size	:sm \| :md \| :lg	:md	Star size
readonly	boolean	false	Display-only mode (no interaction)