Demo to preview the settings
Introduction
Easily integrate the Better Star Rating Input into your Bubble app to provide a sleek, interactive, and customizable star rating system for users. This plugin enables a seamless experience for gathering user feedback or ratings, with options to adjust the appearance and behavior of the star ratings to fit your appβs style and user flow.
With Better Star Rating Input, you can configure ratings to reflect user preferences or score insights, making it ideal for applications that rely on user input to enhance content quality, services, or product reviews. Simplify feedback collection and add a professional, polished look to your app with this adaptable rating system.
How to setup
- Install Better Star Rating Input plugin
- Place the Better Star Rating Input element on the page
Plugin Element Properties
Title | Description | Type |
Mode | When mode is 'input', the rating input can be used to collect star ratings. Use the 'Display a value' mode to set the input to display only | Dropdown |
Value | Number of stars | Number, Optional |
Star active color | Color of the star when active | Color |
Star placeholder color | Star placeholder color | Color |
Star size | The size of the stars in pixels. | Number, Required |
Stars count | The number of stars to display. | Number, Required |
Gap between stars | Gab spacing between stars in pixels. | Number, Required |
Padding | Padding in pixels. | Number, Required |
Exposed states
Title | Description | Type |
value | Indicates the number of the stars | Number |
Element Events
Title | Description |
Star is clicked | Triggered when a star is clicked |