2.0.0 • Published 3 years ago

shapla-delete v2.0.0

Weekly downloads
5
License
MIT
Repository
github
Last release
3 years ago

shapla-delete

A simple circle with a cross based on Bulma delete element for Vue

Table of contents

Installation

npm install --save shapla-delete

Usage

Add the component:

import deleteIcon from 'shapla-delete';

export default {
  name: 'Hello',

  components: {
    deleteIcon
  },
  
  methods: {
    close(){
      // Handle click event
    }
  }
}
<delete-icon @click="close"></delete-icon>

Props

PropertyTypeRequiredDefaultDescription
smallBooleannofalseIf set true, icon size will be 16px
mediumBooleannofalseIf set true, icon size will be 24px
largeBooleannofalseIf set true, icon size will be 32px

Listeners

The modal component fires the following events:

click: When icon is clicked, it fires the event.

<!-- template -->
<delete-icon @click="close"></delete-icon>


<!-- method -->
methods: {
  close(){
    // Handle click event
  }
}