README
Shapla Cross
A versatile delete cross for Vue 3
Table of contents
Installation
npm install --save @shapla/vue-cross
Usage
Styles
with Sass:
import '@shapla/vue-cross/src/index.scss';
with CSS:
import '@shapla/vue-cross/dist/style.css';
Javascript Instantiation
import ShaplaCross from '@shapla/vue-cross';
export default {
name: 'Hello',
components: {
ShaplaCross
},
methods: {
handleClick() {
// Handle click event
}
}
}
<shapla-cross @click="handleClick"/>
Props
Property | Type | Required | Default | Description |
---|---|---|---|---|
size |
String | no | normal |
Value can be normal or small or medium or large . |
ariaLabel |
String | no | close |
Value for html aria-label attribute |
<shapla-cross size="large"/>