Backpack Design System

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

Documentation

https://backpack.github.io/

Changelog

View our up-to-date changelog

Usage

Installing packages

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

Contributing

To contribute please see contributing.md.

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-breadcrumb
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-datatable
bpk-component-datepicker
bpk-component-description-list
bpk-component-dialog
bpk-component-drawer
bpk-component-fieldset
bpk-component-form-validation
bpk-component-grid
bpk-component-grid-toggle
bpk-component-heading
bpk-component-horizontal-nav
bpk-component-icon
bpk-component-image
bpk-component-infinite-scroll
bpk-component-input
bpk-component-label
bpk-component-link
bpk-component-list
bpk-component-loading-button
bpk-component-mobile-scroll-container
bpk-component-modal
bpk-component-navigation-bar
bpk-component-navigation-stack
bpk-component-nudger
bpk-component-pagination
bpk-component-panel
bpk-component-paragraph
bpk-component-phone-input
bpk-component-popover
bpk-component-progress
bpk-component-radio
bpk-component-router-link
bpk-component-rtl-toggle
bpk-component-section-list
bpk-component-select
bpk-component-slider
bpk-component-spinner
bpk-component-star-rating
bpk-component-table
bpk-component-text
bpk-component-textarea
bpk-theming
bpk-component-ticket
bpk-component-tooltip
bpk-mixins
bpk-react-utils
bpk-stylesheets
bpk-svgs
bpk-tokens
react-native-bpk-component-alert
react-native-bpk-component-animate-height
react-native-bpk-component-badge
react-native-bpk-component-banner-alert
react-native-bpk-component-button
react-native-bpk-component-button-link
react-native-bpk-component-card
react-native-bpk-component-carousel-indicator
react-native-bpk-component-carousel
react-native-bpk-component-flat-list
react-native-bpk-component-horizontal-nav
react-native-bpk-component-icon
react-native-bpk-component-map
react-native-bpk-component-navigation-bar
react-native-bpk-component-nudger
react-native-bpk-component-panel
react-native-bpk-component-phone-input
react-native-bpk-component-picker
react-native-bpk-component-progress
react-native-bpk-component-section-list
react-native-bpk-component-select
react-native-bpk-component-spinner
react-native-bpk-component-star-rating
react-native-bpk-component-switch
react-native-bpk-component-text
react-native-bpk-component-text-input
react-native-bpk-component-touchable-native-feedback
react-native-bpk-component-touchable-overlay
react-native-bpk-theming

Contact

• backpack@skyscanner.net