Vue-paper-corners NPM

vue-paper-corners

A Vue 3.0+ component for adding a paper corner to your project page.

Install

npm i vue-paper-corners

Usage

<template>
  <paper-corners
    link="__blank"
    size="40"
    bg-color="#fff"
    color="#eee"
    position-x="right"
    position-y="bottom"
  >
    <!-- Your content goes here! -->
  </paper-corners>
</template>

<script>
import { defineComponent } from 'vue';
import PaperCorners from 'vue-paper-corners';

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

API

Name	Description	Type	Accepted Values	Default
link	The link to your project page	string	—	—
size	The width and height of the corner	string / number	—	40px
color	The color of the paper	string	—	#eee
bgColor	The background color of the corner	string	—	#fff
positionX	The horizontal position of the corner	string	right/left	right
positionY	The vertical position of the corner	string	bottom/top	bottom

Thanks

Inspired by jCorner.

License

Licensed under the MIT License.

vue vue3 corners

@everything-registry/sub-chunk-3088

1.0.0

1 year ago