Skip to content

Add annotations to a png and interact via expandables

Notifications You must be signed in to change notification settings

brown-ccv/vue-png-explainer

Repository files navigation

vue-png-explainer

An explainer inspired by CFPB's home closing site.

Installation:

If you haven't logged into the github package repository, you'll need to run:

npm login --repository https://npm.pkg.github.com

If you're using 2FA, you'll need to create a Personal Access Token with all the repo: and read:packages scopes. This will be your password when prompted.

After that is taken care of, you can just run:

npm install @brown-ccv/vue-png-explainer

This component is designed to work with the US Web Design System. Add the below to your main.js after importing Vue to get styling:

import './../node_modules/uswds/dist/css/uswds.min.css';
import './../node_modules/uswds/dist/js/uswds.min.js';

Project setup

npm install

Compiles and hot-reloads a demo component for development (requires vue-cli to be globally installed)

npm run serve

Compiles and minifies for production

npm run build-lib

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.