Snackbar

A Snackbar provides brief messages about app processes at the bottom of screen.

Snackbar

Maven Central Class reference Source code

Default

Day Night
Snackbar component Snackbar component - dark mode

Icon

Day Night
Icon Snackbar component Icon Snackbar component - dark mode

Installation

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

Usage

NOTE: This component is deprecated. Please replace it with BpkFloatingNotification from backpack-compose.

The Snackbar can be used in Kotlin/Java


                                                
                                                import net.skyscanner.backpack.snackbar.BpkSnackbar
                                                
                                                BpkSnackbar.make(view, "Message", BpkSnackbar.LENGTH_SHORT)
                                                        .setAction("Action") {}
                                                        .show()

An example with title and icon


                                                
                                                import net.skyscanner.backpack.snackbar.BpkSnackbar
                                                
                                                BpkSnackbar.make(view, "Message", BpkSnackbar.LENGTH_SHORT)
                                                        .setTitle("Title")
                                                        .setIcon(R.drawable.bpk_tick_circle, "Confirm")
                                                        .setAction("Action") {}
                                                        .show()

An example with icon-only action


                                                
                                                import net.skyscanner.backpack.snackbar.BpkSnackbar
                                                
                                                BpkSnackbar.make(view, "Message", BpkSnackbar.LENGTH_SHORT)
                                                        .setAction(R.drawable.bpk_close, "Close") {}
                                                        .show()

Theme Props

  • snackbarTextColor
  • snackbarActionColor
  • snackbarBackgroundColor

Styles can be changed globally through bpkSnackbarStyle. The fonts will be applied globally from the current theme.

Check theming for more information.