The Liquid Star Rating is a versatile UI pattern designed to replace static radio-button ratings. Unlike standard rating systems, this component uses a dynamic masking technique to provide real-time visual feedback as the user moves their mouse or slides their finger across the icons.

Key Features:

• Fluid Interaction: The fill level of the icons follows the exact horizontal position of the cursor or touch point.

• Highly Customizable: Uses a Placeholder-template logic. You can drop any OutSystems Icon, SVG, or Image into the template, and the component will clone it automatically.

• Variable Scale: Supports any number of steps (e.g., 3 hearts, 5 stars, 10 circles).

• Mobile Optimized: Built with specific touch-event handling and touch-action overrides to prevent page scrolling during interaction.

• Instant Response: Bypasses traditional CSS transitions during the dragging phase to ensure the UI feels "glued" to the user's input.