Basic
Click or use arrow keys to set a rating. Click the current value to clear it.
Max
Use the max attribute to set the highest possible value.
Precision (Half-Stars)
Set precision="0.5" to allow half-value increments.
Read-only
Use readonly to display a fixed rating without interaction.
Disabled
Use disabled to prevent interaction and dim the component.
Custom Symbol
Pass a custom getSymbol function to replace the default star.
Sizing
Control symbol size with the --symbol-size CSS custom property.