vue-pixel v1.0.13

Vue Pixel

Vue Pixel is a simple Pixel-Art styled component library.

Documentation

You can find the documentation here: Documentation

Installation and Usage

npm install vue-pixel --save

Use it as a full plugin:

import Vue from 'vue';
import VuePixel from 'vue-pixel';

Vue.use(VuePixel);

Or use individual components:

import Vue from 'vue';
import { PixelButton, PixelToolbar } from 'vue-pixel/src/components';

components {
  PixelButton,
  PixelToolbar
}

Don't forget to add fonts:

<style>
  @import url("vue-pixel/dist/fonts/PixelArial.css");
  @import url("vue-pixel/dist/fonts/PixelIcons.css");
</style>

Alternativelly you can reference the script and the stylesheet in your HTML, old-school way:

<script src="vue-pixel/dist/vue-pixel.min.js"></script>
<link rel="stylesheet" href="vue-pixel/dist/fonts/PixelArial.css">
<link rel="stylesheet" href="vue-pixel/dist/fonts/PixelIcons.css">
<!-- CDN -->
<script src="https://unpkg.com/vue-pixel/dist/vue-pixel.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-pixel/dist/fonts/PixelArial.css">
<link rel="stylesheet" href="https://unpkg.com/vue-pixel/dist/fonts/PixelIcons.css">

License

MIT