Backpack Design System

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

Documentation

https://backpack.github.io/

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-datatable`
`bpk-component-datepicker`
`bpk-component-description-list`
`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-theming`
`bpk-component-ticket`
`bpk-component-tooltip`
`bpk-mixins`
`bpk-react-utils`
`bpk-stylesheets`
`bpk-svgs`
`bpk-tokens`
`react-native-bpk-component-animate-height`
`react-native-bpk-component-banner-alert`
`react-native-bpk-component-button`
`react-native-bpk-component-card`
`react-native-bpk-component-horizontal-nav`
`react-native-bpk-component-icon`
`react-native-bpk-component-spinner`
`react-native-bpk-component-switch`
`react-native-bpk-component-text`
`react-native-bpk-component-text-input`
`react-native-bpk-component-touchable-overlay`
`react-native-bpk-theming`