Backpack Design System

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

Documentation

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

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`

To contribute please see contributing.md.

Name		Name	Last commit message	Last commit date
Latest commit History 2,225 Commits
.storybook		.storybook
native		native
packages		packages
scripts		scripts
.babelrc		.babelrc
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.naverc		.naverc
.nvmrc		.nvmrc
.stylelintignore		.stylelintignore
.stylelintrc.json		.stylelintrc.json
.travis.yml		.travis.yml
LICENSE		LICENSE
NPM_OWNERS		NPM_OWNERS
changelog.md		changelog.md
contributing.md		contributing.md
dangerfile.js		dangerfile.js
gulpfile.babel.js		gulpfile.babel.js
index.html		index.html
lerna.json		lerna.json
package-lock.json		package-lock.json
package.json		package.json
readme.md		readme.md
webpack.config.babel.js		webpack.config.babel.js