Necrotizing Pineapple Music

    @uivjs/vue-github-corners
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    @uivjs/vue-github-corners

    Build & Deploy Downloads npm version npm unpkg

    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 target="__blank" 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.

    Install

    npm i @uivjs/vue-github-corners

    DownloadsWeekly Downloads

    2

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    31.5 kB

    Total Files

    10

    Last publish

    Collaborators

    • wcjiang