Rating

The rating component is used to represent a score as an exact number.

Rating

Maven Central Class reference Source code

Default

Day Night
Rating component Rating component - dark mode

Installation

Backpack Compose is available through Maven Central. Check the main Readme for a complete installation guide.

Usage

Example of a Rating:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    title = "Title",
                                                    subtitle = "Subtitle",
                                                    value = 4.5,
                                                  )
                                                }

Example of a large Rating:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                import net.skyscanner.backpack.compose.rating.BpkRatingSize
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    title = "Title",
                                                    subtitle = "Subtitle",
                                                    value = 4.5,
                                                    size = BpkRatingSize.Large,
                                                  )
                                                }

Example of a title only Rating:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    title = "Title",
                                                    value = 4.5,
                                                  )
                                                }

Example of a Rating with no scale:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    title = "Title",
                                                    subtitle = "Subtitle",
                                                    value = 4.5,
                                                    showScale = false,
                                                  )
                                                }

Example of a Rating with 0-10 scale:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                import net.skyscanner.backpack.compose.rating.BpkRatingScale
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    title = "Title",
                                                    subtitle = "Subtitle",
                                                    value = 4.5,
                                                    scale = BpkRatingScale.ZeroToTen,
                                                  )
                                                }

Example of a Rating with custom content:


                                                
                                                import net.skyscanner.backpack.compose.rating.BpkRating
                                                
                                                BpkRating {
                                                  BpkRating(
                                                    subtitle = "Subtitle",
                                                    value = 4.5,
                                                  ) {
                                                      // custom content
                                                  }
                                                }