1.0.1 • Published 3 years ago
@shapla/vue-cross v1.0.1
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"/>