Add a Github corner to your project page, This GitHub corner for Vue 3.0+ component

by Vue.js Examples

@uivjs/vue-github-corners

Add a Github corner to your project page, This GitHub corner for Vue 3.0+ component.

Install

npm i @uivjs/vue-github-corners

Usage

<template>
  <div>
    <github-corners
      fixed
      href="https://github.com/uivjs/vue-github-corners"
    />
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import GithubCorners from '@uivjs/vue-github-corners';

export default defineComponent({
  components: {
    GithubCorners
  }
});
</script>

API

  • href The link to your project page.
  • size Default: 80, The width and height of the corner.
  • color Default: #fff, The Github logo color of the corner.
  • bgColor Default: #151513, The background color of the corner.
  • position: PropType<'right' | 'left'> Default: right, The position of corner.
  • fixed Default false, It is positioned relative to the initial containing block established.
  • zIndex Sets the z-order of a positioned element and its descendants or flex items.
  • bottom Is it displayed at the bottom?

Related

  • react-github-corners Add a Github corner to your project page, This GitHub corner for react component.

License

Licensed under the MIT License.

GitHub

View Github