vue-github-corners

Vue Github Corners Component

Tholmans github-corners for VueJS

Current Version: 1.2.3

Description

Tholman's great github-corners in a convenient VueJS component

Project Page

All credits go to Tholman's Original Repo

Screenshot

Installation

For installing this module, run:

npm install --save vue-github-corners

Usage

Importing into your project:

import GithubCorner from 'vue-github-corners'

If importing into a .Vue file, don't forget to register the component in your export components

Demonstration:

<template>
  <div id="app">
    <GithubCorner url='https://github.com/Roeefl/vue-github-corners'></GithubCorner>
  </div>
</template>

<script>
  import Index from './components/content/Index'
  import GithubCorner from 'vue-github-corners'

  export default {
    name: 'app',
    components: {
      Index,
      GithubCorner
    },
...

Basic Example:

<GithubCorner url="https://github.com/Roeefl/vue-github-corners"
              :size='120'
              colorScheme='grEEn' >
</GithubCorner>

Demonstrating usage of all available attributes:

<GithubCorner url="https://github.com/Roeefl/vue-github-corners"
              :size='140'
              cornerColor='#625D5D'
              gitColor='PeachPuff'
              leftCorner
              flipOnHover >
</GithubCorner>

Available Properties

Please note that using the colorScheme property will override cornerColor/gitColor properties, and is expected to use instead of those, not together