{"repo":"Skyscanner/backpack-android","free":true,"listed":false,"github":"https://github.com/Skyscanner/backpack-android","clone":"git clone https://github.com/Skyscanner/backpack-android.git","description":"Backpack Design System","language":"Kotlin","stars":162,"topics":["android","backpack","component-library","kotlin"],"license":"Apache-2.0","category":"mobile-apps","readme_excerpt":"Backpack Android Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner's products. Backpack for Android supports two targets: Android View system and Jetpack Compose . Demo application 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. Installation Backpack is available through Maven Central. Thus, before adding Backpack to your project, make sure Maven Central is in your repositories list. Add this to your root build.gradle : Add the following dependencies to your build.gradle (in your app module) in the dependencies block: All Backpack components must to be used within BpkTheme scope: Android View system: Compose: Features Android View system You can find the list of the available components, as well as the code samples and the screenshots here. All design system tokens exist as public Android resources. Here's the list of the token types and the samples of its usage: border radii – @dimen/bpkBorderRadiusSm (XML), R.dimen.bpkBorderRadiusSm (Java/Kotlin) colours – @color/bpkSkyBlue (XML), R.color.bpkSkyBlue (Java/Kotlin) semantic colours – @color/bpkTextPrimary (XML), R.color.bpkTextPrimary (Java/Kotlin) elevations – @dimen/bpkElevationSm (XML), R.dimen.bpkElevationSm (Java/Kotlin) spacings – @dimen/bpkSpacingLg (XML), R.dimen.bpkSpacingLg (Java/Kotlin) text styles – ?bpkTextBaseSize (XML) Jetpack Compose Back","default_branch":null,"files":null,"tree":[],"storefront":"/r/Skyscanner","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Skyscanner/backpack-android/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}