Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner's products.

Backpack is available through Jitpack. To install all of it, add the following line to your build.gradle (in your app module) in the dependencies block:

implementation 'com.github.skyscanner:backpack-android:9.10.1'

If your app resolves dependencies through Jitpack you're all set, if not add in your root build.gradle

repositories {
    maven { url 'https://jitpack.io' }
}

The Backpack demo application is a good way of referring to the variants available for a component and their correct usage. The code is available under /app directory. The app can be downloaded from HockeyApp or by scanning the QR code below.

• Badge
• Button
• Card
• Calendar
• Checkbox
• Chip
• Dialog
• Horizontal Nav
• Floating Action Button
• Interactive Star Rating
• Panel
• Spinner
• Star Rating
• Switch
• Text
• Text Spans
• Toast

The Backpack radii tokens are available as dimension resource.

The supported tokens are

• bpkBorderRadiusSm
• bpkBorderRadiusPill

The Backpack elevation tokens are available as dimension resource.

The supported tokens are

• bpkElevationXs
• bpkElevationSm
• bpkElevationBase
• bpkElevationLg
• bpkElevationXl

The Backpack text styles are available as style resources.

The supported styles are

• bpkTextXs
• bpkTextXsEmphasized
• bpkTextSm
• bpkTextSmEmphasized
• bpkTextBase
• bpkTextBaseEmphasized
• bpkTextLg
• bpkTextLgEmphasized
• bpkTextXl
• bpkTextXlEmphasized
• bpkTextXl
• bpkTextXlEmphasized
• bpkTextXxl
• bpkTextXxlEmphasized

<TextView
  android:text="This is Backpack Blue 500!"
  android:textColor="@color/bpkBlue500" />

R.color.bpkBlue500

The Backpack gradient component is available with the BPKGradient utility class. It accepts the direction of the gradient as an optional parameter.

BpkGradients.getPrimary(context);
BpkGradients.getPrimary(context, GradientDrawable.Orientation.LEFT_RIGHT);

Please see the Contributing guide for instructions on contributing to this project.

Backpack is available under the Apache 2.0 license. See the LICENSE file for more info.