Awesome
Backpack Design System
Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner's products.
Quick links
Usage
Installation
npm install --save @skyscanner/backpack-web
Contributing
To contribute please see contributing.md.
List of packages
bpk-animate-height
bpk-component-accordion
bpk-component-autosuggest
bpk-component-badge
bpk-component-banner-alert
bpk-component-barchart
bpk-component-blockquote
bpk-component-bottom-sheet
bpk-component-breadcrumb
bpk-component-breakpoint
bpk-component-button
bpk-component-calendar
bpk-component-card
bpk-component-checkbox
bpk-component-chip
bpk-component-chip-group
bpk-component-close-button
bpk-component-code
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-graphic-promotion
bpk-component-grid-toggle
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-tab-group
bpk-component-nudger
bpk-component-page-indicator
bpk-component-pagination
bpk-component-panel
bpk-component-phone-input
bpk-component-popover
bpk-component-progress
bpk-component-radio
bpk-component-rtl-toggle
bpk-component-card-button
bpk-component-section-header
bpk-component-section-list
bpk-component-select
bpk-component-skeleton
bpk-component-slider
bpk-component-spinner
bpk-component-star-rating
bpk-component-switch
bpk-component-table
bpk-component-text
bpk-component-textarea
bpk-theming
bpk-component-ticket
bpk-component-tooltip
bpk-react-utils
bpk-mixins
bpk-stylesheets
List of external packages
These components are part of Backpack and are utilised by the components but live in the Foundations repository.
These are installed separately and installation information can be found in the Backpack Foundations repo
| Component | Version |
|---|---|
@skyscanner/bpk-svgs |  |
@skyscanner/bpk-foundations-web |  |