Skip to content

revendo/paw

Repository files navigation

logo

Paw, the Design System for 🦊

GitHub Repo stars Lines of code

Storybook


Installation

  1. Add following line to your package.json dependencies:
{
   "dependencies": {
      "paw": "git+ssh://git@github.com/revendo/paw.git#{version}"
   }
}
  1. Replace {version} with the version tag you want to work with, e.g. v0.2.0:
"paw": "git+ssh://git@github.com/revendo/paw.git#v0.2.0"
  1. Install npm dependencies:
npm install paw

Usage

Import Paw components to your Vue file:

import { PawButton, PawIcon, PawLink, PawList, PawListItem } from 'paw';

export default {
    name: 'App',
    components: {
        PawButton,
        PawIcon,
        PawLink,
        PawList,
        PawListItem,
    },
   //...
}

Each time a new component is implemented, you will need to add it to the import destructuring assignment:

import { PawButton, PawIcon /* ... other components */ , NewPawComponent } from 'paw';

And to the list of components:

export default {
    name: 'App',
    components: {
        PawButton,
        PawIcon,
        /* ... other components */
        NewPawComponent,
    },
   //...
}

CI/CD

  1. Merge changes in dev branch
  2. Update version in package.json file
  3. Create pull request to master branch
  4. Wait until tests were successful and request review from colleague
    • we test lint and if package.json has a new version
  5. Merge pull request

The merge into the master branch will trigger a build process that creates a new branch and release with the version tag in the package.json file.

License

MIT

Credits

Other contributors to this project not listed as contributors in the git history, before project was open sourced: