Skip to content
All the tools you need to build the Lonely Planet UI experience.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook fix: Set options in storybook config with addon-options Jan 31, 2018
spec fix: add validReactAttributes to all spread props to handle invalid D… Apr 25, 2019
src fix: VideoInfo conditionally shows social share buttons (#772) Jun 26, 2019
stories fix: VideoInfo conditionally shows social share buttons (#772) Jun 26, 2019
.babelrc
.editorconfig Update configs Nov 7, 2016
.eslintrc fix: do not allow invalid React dom elements (#738) Feb 11, 2019
.gitignore feat: Update newsletter component (#546) Nov 30, 2017
.npmignore Add first files May 18, 2016
.travis.yml feat: Add commitlint to enforce commit message style (#668) May 1, 2018
CHANGELOG.md chore(release): 4.94.10 Jun 27, 2019
CONTRIBUTING.md fix: change list of core contributors and capitalization rule (#727) Feb 12, 2019
LICENSE Add MIT license (#61) Jan 23, 2017
README.md fix: Change the CORRECT video embed Apr 2, 2018
commitlint.config.js feat(flights-widget): add flight fetcher DOT-309 (#674) May 15, 2018
index.d.ts fix: Make container props optional Dec 12, 2017
package-lock.json
package.json
settings.json feat: Add new values for z-index (#292) May 11, 2017

README.md

Conventional Commits

backpack-ui

Every adventurer needs a set of tools to take along the way! Backpack is the Lonely Planet toolset that we use to build front end apps.

Installation

npm install backpack-ui --save

Usage

import Button from "backpack-ui/dist/components/button";

Develop components with Storybook

npm run storybook

Open http://localhost:6006/ in your favorite web browser.

Then import your component(s) into stories/index.jsx and render them like so:

storiesOf("Some component name", module)
  .add("Default", () => (
    <ComponentName />
  ))
  .add("Some variation", () => (
    <ComponentName prop="value" />
  ));

Notes

  • Don't do import foo from "lodash";. Makes the bundles asplode.

Contributing

Please read the guidelines for contributing before making a pull request.

You can’t perform that action at this time.