1. vue-gh-corners
GitHub Corners for Vue.
vue-gh-corners
Package: vue-gh-corners
Created by: gluons
Last modified: Mon, 23 May 2022 15:14:07 GMT
Version: 3.0.1
License: MIT
Downloads: 263
Repository: https://github.com/gluons/vue-gh-corners

Install

npm install vue-gh-corners
yarn add vue-gh-corners

Vue GitHub Corners

license
vue 2
npm
npm
Travis
TSLint
Gitmoji

:octocat: tholman's GitHub Corners for Vue.

Installation

Via npm:

npm

 npm install --save vue-gh-corners

Via Yarn:

 yarn add vue-gh-corners

Demo

Go to https://gluons.github.io/vue-gh-corners/

Usage

 import Vue from 'vue';
import VueGitHubCorners from 'vue-gh-corners';

// Import GitHub Corners stylesheet.
import 'vue-gh-corners/dist/vue-github-corners.iife.css';

Vue.use(VueGitHubCorners);
<template>
	<div id="app">
		<github-corners repo="gluons/vue-gh-corners"></github-corners>
	</div>
</template>

API

Props

repo

Type: string
Required: true

GitHub repository slug (username/repo).

blank

Type: boolean
Default: true

Enable target="_blank" for <a> link.

bg-color

Type: string
Default: #151513

The corner background color.

It's corner SVG's fill value.

color

Type: string
Default: #fff

The corner octocat color.

It's corner SVG's color value.

position

Type: string
Default: right

The position of corner.

  • left
  • right

Development

  • yarn dev: Run demo webpage for dev.
  • yarn build: Build the component.

Use Bili — 🥂 Delightful library bundler.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin