shapla-delete

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

Usage no npm install needed!

<script type="module">
  import shaplaDelete from 'https://cdn.skypack.dev/shapla-delete';
</script>

README

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

Property Type Required Default Description
small Boolean no false If set true, icon size will be 16px
medium Boolean no false If set true, icon size will be 24px
large Boolean no false If 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
  }
}