Nudger

Nudgers allow users to quickly specify a value within a given range.

Nudger

Maven Central Class reference Source code

Default

Day Night
Nudger component Nudger component - dark mode

Installation

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

Usage

Example of a Nudger:


                                                
                                                import net.skyscanner.backpack.compose.icon.BpkIcon
                                                import net.skyscanner.backpack.compose.nudger.BpkNudger
                                                import net.skyscanner.backpack.compose.tokens.Account
                                                
                                                BpkNudger(
                                                  value = currentValue,
                                                  onValueChange = { /* update the value */ },
                                                  min = minValue,
                                                  max = maxValue,
                                                )

Example of a Nudger with title, subtitle and icon:


                                                
                                                import net.skyscanner.backpack.compose.nudger.BpkNudger
                                                
                                                BpkNudger(
                                                  value = currentValue,
                                                  onValueChange = { /* update the value */ },
                                                  min = minValue,
                                                  max = maxValue,
                                                  title = "Title",
                                                  subtitle = "Subtitle",
                                                  icon = BpkIcon.Account,
                                                )