vue2-heropatterns

1.0.0 • Public • Published

Vue 2 Hero Patterns

Vue logo

npm version

This is a simple package to get using Hero Patterns within VueJS

Available Patterns

  • Jigsaw: jigsaw
  • Overcast: overcast

How to use

First we need to import and initialize

import Vue from 'vue'
import HeroPatterns from 'vue2-heropatterns'

Vue.use(HeroPatterns)

Then in our Vue templates:

<template>
    <vue-hero-pattern
        pattern="anchors_away"
    >
        <p>{{ this.message }}</p>
    </vue-hero-pattern>
</template>
<script>
    export default {
        data () {
            return {
                message: 'A simple message'
            }
        }
    }
</script>

Links

Hero Patterns

Vue JS

Readme

Keywords

none

Package Sidebar

Install

npm i vue2-heropatterns

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

43.2 kB

Total Files

12

Last publish

Collaborators

  • juststeveking