All Projects → gluons → Vue Gh Corners

gluons / Vue Gh Corners

Licence: mit
GitHub Corners for Vue.

Projects that are alternatives of or similar to Vue Gh Corners

Vue Highlight.js
📜 Highlight.js syntax highlighter component for Vue.
Stars: ✭ 180 (+500%)
Mutual labels:  hacktoberfest, vue-component
Vue Gmaps
Search places and address using Google Maps API
Stars: ✭ 108 (+260%)
Mutual labels:  hacktoberfest, vue-component
Vue Social Sharing
A renderless Vue.js component for sharing links to social networks, compatible with SSR
Stars: ✭ 1,071 (+3470%)
Mutual labels:  hacktoberfest, vue-component
Pdfvuer
A PDF viewer for Vue using Mozilla's PDF.js
Stars: ✭ 443 (+1376.67%)
Mutual labels:  hacktoberfest, vue-component
Gatsby Storyblok Boilerplate
Gatsby starter template with Storyblok's headless cms and true preview
Stars: ✭ 30 (+0%)
Mutual labels:  hacktoberfest
Godot Python
Python support for Godot 🐍🐍🐍
Stars: ✭ 944 (+3046.67%)
Mutual labels:  hacktoberfest
Cineaste Ios
An iOS application to manage movies you would like to see and movies you have seen.
Stars: ✭ 28 (-6.67%)
Mutual labels:  hacktoberfest
Stdrename
'stdrename' is a small command line utility to rename all files in a folder according to a specified naming convention (camelCase, snake_case, kebab-case, etc.).
Stars: ✭ 28 (-6.67%)
Mutual labels:  hacktoberfest
Bedrock
Making mozilla.org awesome, one pebble at a time
Stars: ✭ 953 (+3076.67%)
Mutual labels:  hacktoberfest
Mvvm Redux
MVVM Redux is a lightweight lib to help you apply the redux concepts in your project based in MVVM.
Stars: ✭ 30 (+0%)
Mutual labels:  hacktoberfest
Kscript Template
📜 Get started with kscript in a few seconds... with colored logs, github actions and more!
Stars: ✭ 29 (-3.33%)
Mutual labels:  hacktoberfest
Ds Algo Point
This repository contains codes for various data structures and algorithms in C, C++, Java, Python, C#, Go, JavaScript, PHP, Kotlin and Scala
Stars: ✭ 949 (+3063.33%)
Mutual labels:  hacktoberfest
App Tutorial
Tutorial app which is built in the tutorial
Stars: ✭ 29 (-3.33%)
Mutual labels:  hacktoberfest
Tiktok Api
The Unofficial TikTok API Wrapper In Python
Stars: ✭ 940 (+3033.33%)
Mutual labels:  hacktoberfest
Place2live
Analysis of the characteristics of different countries
Stars: ✭ 30 (+0%)
Mutual labels:  hacktoberfest
Cape
Cape Core
Stars: ✭ 28 (-6.67%)
Mutual labels:  hacktoberfest
Ideoxan
👩‍💻 Ideoxan is a free to use online tool to learn programming.
Stars: ✭ 29 (-3.33%)
Mutual labels:  hacktoberfest
Community.sops
Simple and flexible tool for managing secrets
Stars: ✭ 30 (+0%)
Mutual labels:  hacktoberfest
Usefonts
A tool to help designers and developers select their perfect fonts. It uses Google Fonts API to fetch the fonts.
Stars: ✭ 29 (-3.33%)
Mutual labels:  hacktoberfest
Groupthink
A collaborative democratic platform built atop GitHub, designed for open policymaking and manifesto writing.
Stars: ✭ 28 (-6.67%)
Mutual labels:  hacktoberfest

Vue GitHub Corners

license vue 2 npm npm Travis TSLint Gitmoji

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].