cp-styleguide

CP Styleguide

CaptureProof Styleguide Component Library based on Vue.js 2

Documentation

A list of available components can be found here:

Staging

Installation

NPM

$ npm i cp-styleguide

CDN

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> // include Vue.js library
<script src="https://unpkg.com/cp-styleguide/dist/cp-styleguide.umd.js"></script> // include component library from NPM CDN

Also you need to include CSS file from NPM CDN

<link rel="stylesheet" href="https://unpkg.com/cp-styleguide/dist/cp-styleguide.css" />

Usage

Installed via NPM (ES6 syntaxes)

Import library at the root component (App.vue for example) and than all components from library will be available inside your Vue app

import 'cp-styleguide' // import inside App.vue or any other root component

Installed via CDN (plain JavaScript)

Add html element of the app.

<div id="app">
</div>

Create Vue instance

<script>
  var app = new Vue({
    el: '#app',
  });
</script>

Than all library components will be available inside this app.