Skip to main content

Badge

Badges are labels which hold small amounts of information used to describe or highlight areas.

Table of contents

Default

(Google Pixel emulator)
(Google Pixel emulator - dark mode)

Implementation

Badge

Installation

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

Usage

The Badge component can be used in both XML and Kotlin

Example of a success type badge in XML

<net.skyscanner.backpack.badge.BpkBadge
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="@dimen/bpkSpacingBase"
  app:message="Message"
  app:type="success"/>

Example of a success type badge in Kotlin

import net.skyscanner.backpack.badge.BpkBadge

BpkBadge(context).apply {
   message = 'Message'
   type = 'success'
}

Styles can be changed globally through bpkBadgeStyle. Check theming for more information.