Add a Github corner to your project page, This GitHub corner for Vue 3.0+ component.
npm i @uivjs/vue-github-corners
<template>
<div>
<github-corners fixed target="__blank" href="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/uivjs/vue-github-corners" />
</div>
</template>
<script>
import { defineComponent } from 'vue';
import GithubCorners from '@uivjs/vue-github-corners';
export default defineComponent({
components: {
GithubCorners
}
});
</script>
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
Defaultfalse
, 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?
- react-github-corners Add a Github corner to your project page, This GitHub corner for react component.
Licensed under the MIT License.