vue-paper-corners
A Vue 3.0+ component for adding a paper corner to your project page.
Install
npm i vue-paper-cornersUsage
<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.