Backpack Design System

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

Documentation

http://backpack.prod.aws.skyscnr.com/

Usage

Installing packages

npm install [package-name] --save-dev

List of packages

Component	Version
bpk-component-accordion
bpk-component-autosuggest
bpk-component-badge
bpk-component-banner-alert
bpk-component-barchart
bpk-component-blockquote
bpk-component-breakpoint
bpk-component-button
bpk-component-calendar
bpk-component-card
bpk-component-checkbox
bpk-component-chip
bpk-component-close-button
bpk-component-code
bpk-component-content-container
bpk-component-datepicker
bpk-component-grid
bpk-component-grid-toggle
bpk-component-heading
bpk-component-horizontal-nav
bpk-component-icon
bpk-component-image
bpk-component-input
bpk-component-label
bpk-component-link
bpk-component-list
bpk-component-loading-button
bpk-component-modal
bpk-component-nudger
bpk-component-panel
bpk-component-paragraph
bpk-component-popover
bpk-component-progress
bpk-component-radio
bpk-component-router-link
bpk-component-rtl-toggle
bpk-component-select
bpk-component-spinner
bpk-component-table
bpk-component-text
bpk-component-ticket
bpk-component-tooltip
bpk-mixins
bpk-react-utils
bpk-stylesheets
bpk-svgs
bpk-tokens
react-native-bpk-component-button
react-native-bpk-component-card
react-native-bpk-component-icon
react-native-bpk-component-text-input
react-native-bpk-component-text
react-native-bpk-theming

Contributing

To contribute please see contributing.md.

Contact

• [email protected]